css - align text to an image vertically

Have you ever wanted to align the text next to an image vertically? It can be done using vertical-align property as shown below. Here, we show how to align the text to top, middle, and bottom of the image. [codepen_embed height="266" theme_id="0" slug_hash="EKdOBZ" default_tab="html,result" user="kavitshah8"]See the Pen vertical-align by Kavit Shah (@kavitshah8) on CodePen.[/codepen_embed]

• vertical-align

Also Read:

1. Applying floats and clearfix to block elements
2. Default function parameters
3. Using css3 calc in an attribute value to compute its value at runtime
4. Two column layout in css
5. Applying floats to inline elements