[Leslie Bigos]

Hello,

I have two small images that I would like to align left, then follow those images with a <h2> tag. The problem is that the <h2> tag doesn’t clear and it wants to be on the same line as the images. I tried to use <br class=”clear” /> prior to the H2 tag but the float is still not clear.

My Code:

[caption id="attachment_86" align="alignleft" width="295"]<a href="http://www.yarlungrecords.com/news/wp-content/uploads/2015/02/smoke-and-mirrors1.jpg"><img src="http://www.yarlungrecords.com/news/wp-content/uploads/2015/02/smoke-and-mirrors1-295x300.jpg" alt="Smoke & Mirrors Percussion Ensemble" width="295" height="300" /></a> Smoke & Mirrors Percussion Ensemble[/caption]

[caption id="attachment_85" align="alignleft" width="300"]<a href="http://www.yarlungrecords.com/news/wp-content/uploads/2015/02/yarlung-records-10th-anniversary.jpg"><img src="http://www.yarlungrecords.com/news/wp-content/uploads/2015/02/yarlung-records-10th-anniversary-300x298.jpg" alt="Yarlung Records 10th Anniversary" width="300" height="298" /></a> Yarlung Records 10th Anniversary[/caption]

<br class="clear" /> 
<h2>Header Two</h2>

[Sakin]

@bigoslesli: Try the following css and also when I check in your site. It’s clear. Can empty your cache from W3 Total Cache settings and you refresh your browser to clear the cache.

.entry-content h2 {
    clear: both;
}

[Author]

Posts