header{width:700px; background:red; float:left;}
nav{width:700px; background : #ff9000; display:inline; float:left; clear:both;}
section{width:700px; background:#ffff00; float:left; clear:both;}
article{width:300px; background:#00ff55;float:left;}
aside{width:100px; background:#ff55cc; float:left;}
footer{width:700px; background:#0000ff; float:left; clear:both;}


/* header / section / aside / article / footer:lefr; 모든 태그를 띄워줘서 좌측으로 정렬을 시켜 준다. 그리고 필요에 따라 float 해제를 해주면 아래로 내려가게 됨 */

/* clear:both; 태그는 float 옆으로 붙는걸 해제하기 위한 태그*/