 <p><code>p</code> elements are paragraphs - so they have a default property of display:block. Either use another element, for example a <code>span</code>. Alternatively you can change the display property of the p dom element, for example to <code>display:inline</code>.</p> <p>Update - the property of vertical align 'vertical-align:middle' should be applied to the images.</p> <p>Also - your nesting of styles seems wrong, see a working example below.</p> <p>Example (updated): <a href="http://jsfiddle.net/YwV54/2/" rel="nofollow">http://jsfiddle.net/YwV54/2/</a></p>