header{width:700px; background:#ffffff; float:left;}
nav{width:700px; background:#ffffff; display:inline; float:left; clear:both;}
section{width:700px; background:#ffff00; float:left; clear:both;}
article{width:700px; background:#ffffff; float:left;}
aside{width:100px; background:#ff55cc; float:left;}

a:link { color: black; text-decoration: none;}
a:visited { color: black; text-decoration: none;}
a:hover { color: #ff9600; text-decoration: none;}


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

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

/* decoration : 밑줄     none : 없는 상태     underline : 있는 상태   */