Problem with column class and unordered lists

[SusanB]

I am trying to put 4 unordered lists into 4 columns, but I am having problem with the text that comes after the columns floating under the last column. You can see it in this screenshot.

Here's the code. I can't give you a URL to a post because it isn't published yet and won't be for several weeks.

<h2>Font Categories and Subcategories</h2>

<div class="one-fourth first">
<h4>Serif</h4>
<ul>
<li>Old Style</li>
<li>Slab</li>
<li>Glyphic</li>
<li>Clarendon</li>
<li>Transitional</li>
<li>Neoclassical & Didone</li>
</ul>
</div>

<div class="one-fourth">
<h4>Sans Serif</h4>
<ul>
<li>Square</li>
<li>Humanistic</li>
<li>Geometric</li>
<li>Grotesque</li>
</ul>
</div>

<div class="one-fourth">
<h4>Script</h4>
<ul>
<li>Formal</li>
<li>Casual</li>
<li>Calligraphic</li>
<li>Blackletter & Lombardic</li>
</ul>
</div>

<div class="one-fourth">
<h4>Decorative</h4>
<ul>
<li>Grunge</li>
<li>Graffiti</li>
<li>Psychedelic</li>
</ul>
</div>

Now let's look at each one in more detail.

Thanks so much in advance!

http://www.selfpublisheducationallyspeaking.com/

[Genesis Developer]

add this at end of the above code

<div class="clearfix">&nbsp;</div>

---

Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
You can request new tips/help.

[SusanB]

Perfect! Thanks so much.

[Author]

Posts