HTML and CSS Reference
In-Depth Information
Quite simple. The “
cf
” (clearfix) class is also used for
clearing floats. It's the well-known “
clearfix
” hack for
auto clearing.
Read about the
clearfix
here:
www.positioniseverything.net/easyclearing.html
It's added to clear the floats of
li
items
in the menu,
without adding a “
cl
” class at the end of the
ul
.
Here is how a “
cl
” alternative would look:
<div id=”header”>
<div class=”container”>
<div id=”logo”>
<h3 class=”incl”><a href=”#” title=”#”>Monoplate</a></h3>
</div><!-- end #logo -->
<div id=”menu”>
<ul>
<li><a href=”#” title=”#”>About</a></li>
<li class=”active”><a href=”#” title=”#”>Blog</a></li>
<li><a href=”#” title=”#”>Contact</a></li>
<div class=”cl”></div>
</ul>
</div><!-- end #menu -->
<div class=”cl”></div>
</div><!-- end .container -->
</div><!-- end #header -->
