Question

I think this may sound pretty simple, but still I can not get it to work.

My design has different icons of same size and height and I need to display them one below another and at the same time I need to give a small description about the icon on the right side for every icon.

The text for every icon on the right side consists of two lines, the first line in bold(header) and the second line normal(description). The padding and margin is my call. But I need to display them in that way in my content.

Answer 1

you can simply left align your image and then devide 2 lines of your text with line break

<img src="image.jpg" style="float:left;" />
<strong>Header</strong><br />
<span>description</span>