Итак, у меня есть 3 неупорядоченных списка:
<ul class="menu">
<li class="heading">Title (Click To Download)</li>
<li><a title="Download sample.mp3" href="#" onclick="location.href='http://example.com/sample.mp3'; return false;">Sample Song</a></li>
</ul>
В следующем стиле css:
/* SITE MAP MENUS */
ul.menu {
float: left;
margin: 0 10px 0 10px;
display: block;
font-size: 13px;
line-height: 24px;
color: #898989;
}
ul.menu li {}
.menuText
{
}
li.heading {
color: #493f0b;
font-weight: bold;
border-bottom: 1px solid #d7d7d7;
}
Однако, когда я помещаю новый div:
<div class="pleasedontfloat">The paganation would go here..</div>
Вместо того, чтобы идти ниже списков, он идет рядом с ними. Как я могу это исправить? (класс happyontfloat не имеет правил, применяемых к нему)