why does chrome not align this text?

Question

i have the following code

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

and it looks fine in firefox:

but when i open it in chrome, it shows up like this:

does anyone know why chrome would raise the second part of this text ?

Answer 1

It looks like the result of different browser default styles applying to the various elements in your source. Try to set a vertical-align property for the <b> and <img> and test it again, for example:

b,img{
    vertical-align:baseline;
}

Answer 2

Use valign attribute in your image tag, or CSS vertical-align property applied to the image.