Component BOX

by Alex

HTML

<div class="box clearfix">
    <div class="box-side">
        #Side Left
    </div>
    <div class="box-side_rt">
        #Side Right
    </div>
    <div class="box-base clearfix">
        #Base
    </div>
</div>

CSS

html {
    font-family: sans-serif;
}

.box {
    background: #eee;
    padding: 5px;
}
.box-base {
    background: #ddd;
    padding: 10px;
}
.box-side {
    background: #ccc;
	float: left;
    margin-right: 5px;
    padding: 10px;
}
.box-side_rt {
    background: #bbb;
	float: right;
    margin-left: 5px;
    padding: 10px;
}


/* Всегда в самом низу css */
/* clearfix */
.clearfix {
	display: table;
}
.clearfix:after {
	content: '1 1';
	font: .1px/0 a;
	display: block;
	word-spacing: 99in;
}
/* end clearfix */