почему хром не выравнивает этот текст?

Question

У меня есть следующий код

 <img src="/Content/Images/Icons/phone2.png"> <b>Phone Numbers:</b> (No orders via Phone at this time)<br />

, и он отлично выглядит в Firefox:

, но когда я открываю его в Chrome, он появляетсякак это:

Кто-нибудь знает, почему Chrome поднял бы вторую часть этого текста?

Answer 1

Используйте атрибут valign в вашем теге изображения, или CSS свойство вертикального выравнивания, примененное к изображению.

Answer 2

Это выглядит как результат применения разных стилей браузера по умолчанию к различным элементам в вашем источнике. Попробуйте установить свойство vertical-align для <b> и <img> и протестируйте его снова, например:

b,img{
    vertical-align:baseline;
}