html5&css3
사이트제작의 모든 것 이라는 책을 보고 있는데요

pagpan이라는 사이트 리뉴얼 과정에서
nav태그가 왼쪽으로 가면서 article의 가로 사이즈를 720px로 바꿔서 float으로 연결하는 과정인데



nav {width:180px; background-color:#3366ff; margin:0; padding:0; float:left; }
nav ul.menu {list-style:none; padding:15px 0 0 15px;}
nav ul.menu li{margin:0;}
nav ul.menu li a{color:#fff; padding:0 15px; text-transform:uppercase; display:block;}
nav ul.menu li a:hover{color:#FFCC00; text-shadow:2px 2px 3px #000;}

article#front{margin:0; padding:0; width:720px; float:right;}

잡았는데 article이 nav옆에 붙지 않고 nav태그 아래쪽에 위치해 있습니다;;;

혼자 아우리 잡아도 안되네요;;;;;ㅠ.ㅠ

왜그럴까요;;

wrap의 width:900px이고 nav width:180px, article width:720px으로 맞아야 정상인데;;;

사이즈가 안맞나 싶어서 좀 여유 있게 nav width:170px로 해 보았지만 결과는 마찬가지 입니다;;