Как сделать логотипа иконок справа от телефона?

Question

[bossigorxxx]

Пытаюсь справа в шапке от нижнего телефона поставить иконку звонилок. ватсапа и т.д - не идет.
сайт, попытка:

<a href="tel:[phone]">[phone]</a>
<div style="display: block;width: 66px;height: auto;margin-left: 57px;">
<img src="https://xn----ktbfbfedxjmgh9k.xn--p1ai/wp-content/uploads/LOGO/VWT.png" </div>

Comments

[ArtJH]

Не понял что вам нужно сделать?

[bossigorxxx]

[phone] после этого номера в одну линию изображение это https://xn----ktbfbfedxjmgh9k.xn--p1ai/wp-content/...

Answer 1

[ArtJH]

Как вариант, нужно только со стилями поиграться, чтобы вам нужный размер подобрать

.tel:after {
    content: '';
    background: url(https://xn----ktbfbfedxjmgh9k.xn--p1ai/wp-content/uploads/LOGO/VWT.png);
    position: absolute;
    top: -12%;
    right: 0;
    background-size: contain;
    background-repeat: no-repeat;
    height: 100%;
    width: 100px;
    display: flex;
    /* align-items: center; */
    background-position: center;
}

Comments

[bossigorxxx]

У меня вышло так

<div class="tel">
<a href="tel:[phone]"> [phone]</a>
<a href="tel:[phone]">[phone]</a><img style="display:inline-block;float: right;width: 50px;margin-top: -38px;" src="https://xn----ktbfbfedxjmgh9k.xn--p1ai/wp-content/uploads/LOGO/VWT.png">
<span>пн-сб с 10.00 до 20.00 вс - выходной</span>
</div>

Но Вам тоже спасибо. Как вариант тоже норм!

[ArtJH]

Мой результат

Answer 2

[Lam Besis]

Возможно, потому что у вас тег <img> не закрыт?

Comments

[bossigorxxx]

<img src="https://xn----ktbfbfedxjmgh9k.xn--p1ai/wp-content/uploads/LOGO/VWT.png" align="right">

Так пробовал не выходит

[Lam Besis]

Сделайте через :before