Display Image And Text Inline

I'm having trouble getting an image on each side of a heading. I've tried display:inline-block but that's not doing it for me. Here is the jsfiddle .inline-image{display:inline-blo

Solution 1:

You need to add display: inline-block to the actual element(s) not the parent:

.inline-imageimg, .inline-imageh3{
   display:inline-block;
   vertical-align: middle;
}

Then you can adjust the vertical-align property to middle

FIDDLE