Question

I’m displaying some content in two columns in a WordPress post, so I’ve got two divs displaying half each:

<div class="half">Left column.</div>
<div class="half last">Right column.</div>

But of course I also need to clear this, which I usually do with this afterwards:

<div style="clear:both;"></div>

but this keeps getting stripped out whenever I save the article or view the visual editor as well as any other empty html tags e.g. icons. Is there a better way to do this?

Answer 1

Yes, I’d recommend using the Clearfix technique:

See:

• Webtoolkit
• CSS Tricks