Tag Archives: Vertically align text next to an image?

Vertically align text next to an image?

Question Why won’t vertical-align: middle work? And yet, vertical-align: top does work. <div> <img style=”width:30px;height:30px”> <span style=”vertical-align:middle”>Doesn’t work.</span> </div> Solution Actually, in this case it’s quite simple: apply the vertical align to the image. Since it’s all in one line, it’s really the image you want aligned, not the text. <!– moved “vertical-align:middle” style from… Read More »