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