Как выровнять картинку?

Question

[Александр Коновалов]

Здравствуйте, как выровнять картинку относительно текста?
Сейчас она выше текста

Как сделать ее по центру относительно текста?

Answer 1

[Сергей Горячев]

Попробуйте
img {
display: inline-block;
vertical-align: baseline;
}
или middle
https://jsfiddle.net/546ps942/
Что-то должно помочь.
UPD: middle

Comments

[Александр Коновалов]

Sergey не помогло
у самой кнопки:

background: #ffca11;
    border: 1px solid #ffde53;
    color: #04101f;
    margin-top: 18px;
    padding: 0 30px 0 30px;
    float: right;
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 3px;

[Сергей Горячев]

А у меня работает https://jsfiddle.net/546ps942/

[Александр Коновалов]

Sergey: https://jsfiddle.net/546ps942/1/ посмотрите с моей картинкой

[Сергей Горячев]

Александр Коновалов: странно, конечно. Но мне кажется париться тут не надо, 2px нижний padding и всё нормально.
Видимо, это связано с тем, что картинка меньше размера шрифта. Сейчас поиграюсь, посмотрю еще)

Answer 2

[Дмитрий]

Для текста укажите line-height равным высоте картинки

Answer 3

[MNB]

https://jsfiddle.net/546ps942/4/

Comments

[Дмитрий]

Вы наложили сразу много условий своим кодом: 1) это может быть не кнопка (в вопросе про это ничего) 2) по условиям задачи возможно нельзя юзать фон, а именно img

[MNB]

1. Кнопкной сверстал не я. См. Ответы выше. Я всего лишь форкнул
2. Может нельзя юзать и img? Ведь в условиях задачи об этом не сказано.

[MNB]

Дмитрий: ;) забыл вас упамянуть