Как сделать текст и иконку на одном уровне html?

Question

[swt1337]

[phone]
Тут картинка img
Как сделать эти элементы на одном уровне html css?

Comments

[Dima Polos]

Есть картинка, что значит на одном уровне? Что пробовали, что не получается?

[Дмитрий Камянной]

Псевдоелементы :before , :after ? Конечно зависит от задачи, но если правильно понял вам нужна иконка под телефон или еще что то этот метод подойдет.

[Ankhena]

Если это иконка телефона, то это не img.

Простые варианты:
1. vertical-align для инлайн-блочных элементов
2. родителю flex и align-items: center (или не центр, смотря что вы имеете в виду под словами "на одном уровне")

Answer 1

[mrhat24]

Answer 2

[borisek]

Примерно так:

<a href="" class="phone-block">
  <img src="" />
  <span></span>
</a>

.phone-block {
  display:table;
}
.phone-block img,
.phone-block span {
  display: table-cell;
  vertical-align:middle;
}