Floats, widths, & clearfix


max-width: 800px

max-width: 800px
margin-left:auto; 
margin-right:auto

width: 200px; 

width: 200px; 
float:left;

width: 200px; 
float:right;

width: 200px; 
float:right;
width: 200px; 
float:left;

width: 200px; 
float:left;
width: 200px; 
float:left;

width: 33.3333%
float:right;
width: 33.3333%
float:left;
width: 33.3333%
float:left;

<section class="clearfix" >
article {
    width: 33.3333%
    float:right;
    }
width: 33.3333%
float:left;
width: 33.3333%
float:left;