※ CSS 를 미리만들어 사용한다
<style>
.container{margin: 0 auto; width: 960px;}
.row{overflow: hiden;}
.span{float:left;}
.span-1 { width: 80px}
.span-2 { width:160px}
.span-3 { width:240px}
.span-4 { width:320px}
.span-5 { width:400px}
.span-6 { width:480px}
.span-7 { width:560px}
.span-8 { width:640px}
.span-9 { width:720px}
.span-10{ width:800px}
.span-11{ width:880px}
.span-12{ width:960px}
</style>
<body>
<div class="container">
<div class="row">
<div class="span span-12">
<h1>Header</h1>
<p>Aliqua sint quis id irure ut mollit eu exercitation labore nostrud.</p>
</div>
</div>
<div class="row">
<div class="span span-4">
<h1>ASIDE</h1>
<p>Ad commodo laborum aliqua in ea.</p>
</div>
<div class="span span-8">
<h1>SECTION</h1>
<p>Fugiat sint enim eu elit ullamco duis cillum.</p>
</div>
</div>
<div class="row">
<div class="span span-12">
<h1>Footer</h1>
<p>Exercitation enim aliquip elit officia ex enim oute qui.</p>
</div>
</div>
</div>
</body>