HTML and CSS Reference
In-Depth Information
Your new updated HTML would be:
<div id=”top”>
<div class=”container”>
<p class=”fl”>
<a href=”#” title=”#”>About</a>
<a href=”#” title=”#”>Advertise</a>
<a href=”#” title=”#”>Login</a>
<p class=”fr”>
<a href=”#” title=”#” class=”ico ico-facebook fl ”>Facebook</a>
<a href=”#” title=”#” class=”ico ico-twitter nmr ”>Twitter</a>
<div class=”cl”></div>
</div><!-- end .container -->
</div><!-- end #top -->
You already know what l does, but you could also
apply the float property to the a.ico-facebook directly
from CSS without adding a l class in the HTML.
The nmr (e.g. no margin right ) class is new. It's there to
disable the margin right of the Twitter icon.
The next page details more about this class.
Search WWH ::

Custom Search