Space above text that is next to a image

Question

As you can see. I have space above header 3, I want it to be inline with the image itself.

HTML

Answer 1

If you set both elements to inline-block they will set side but side and you have more control than when floating the item - just remember to remove any white space between tags.. Just change the top margin to 0, and you don't need any unit when the value is 0.

.content > img, .content > h3 { display: inline-block; margin-top: 0; vertical-align: top;}