How do I get an h2 tag to wrap around an image?

[paulcj2]

I want the h2 heading on this page: http://berkshirespas.com/wordpress/about/ to wrap around the image (video) to the right. I floated the image.

The CSS is

 #content-rightbox {
    display: block;
    float: right;
    padding-left: 5px;
    margin: 0px 0px 0px 10px;
}

The HTML is

<div id="content-rightbox"><iframe width="400" height="225" src="http://www.youtube.com/embed/A97WaKNwvso?rel=0" frameborder="0" allowfullscreen></iframe></div>
<h2>Lorem ipsum dolor sit amet</h2>

What am I missing?

[Stevie D]

You've got a CSS line somewhere that sets clear:both; on all heading elements (h1–6), which is what is pushing the <h2> down below the floated <div>.

[ralph.m]

Yes, as Stevie said, it's the clear: both on line 36 of your style.css style sheet. Just remove that line.

[whatsthebigidea]

You've got a CSS line somewhere that sets clear:both; on all heading elements (h1–6), which is what is pushing the <h2> down below the floated <div>.

This fixed it for me too:

H1, H2, H3, H4, H5, H6
{
	clear: none !important;
}

Thanks!!

[paulcj2]

Thanks. That worked!