HTML and CSS Reference
In-Depth Information
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
<div id="parent1" class="clearfix">
<p>This is the first parent container</p>
<p class="floatleft">This is floated content.</p>
<p class="floatright">This is floated content.</p>
You can see the result in Figure 7-29.
Figure 7-29. Easy clearing in action
Search WWH ::

Custom Search