(clearfix) clase para quitar float

Agrega un elemento después de un elemento CSS que raliza un clear both: para No dañar los diseños

by Porfirio Chavez

HTML

<div class="widget">
    <ul class="menu clearfix">
        <li>opcion</li>
        <li>opcion</li>
        <li>opcion</li>
        <li>opcion</li>
        <li>opcion</li>
    </ul>
    <!--<div style="clear: both"></div>-->
</div>

CSS

.widget {
    border: #FCC thin solid;
}

.menu li{
    float: left;
    display: block;
    width: 200px;
    border: #AFA thin solid;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}