티스토리 뷰
<!doctype html>
<html>
<head>
<lin rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="container">
<div id="header">
<input type="email" name="address" placeholder="abcdef.com">
</input>
</div>
<div id="content">
</div>
<div id="sideinfo">
</div>
<div id="footer">
</div>
</div>
</body>
</html>
#container { background-color:#F0F0F0; width:960px; margin:0 auto; padding:10px; }
#header { background-color:#908886; height:100px }
#content { background-color:#F5F5F5; float:left; width:660px; height:400px }
#sideinfo { background-color:#DcDAD9; float:right; width:300px; height:400px; }
#footer { background-color:#555555; clear:both; height:100px; }
'앞단 > html5' 카테고리의 다른 글
| 아웃라인 알고리즘 (0) | 2016.03.26 |
|---|---|
| 메타데이터 콘텐츠 (0) | 2016.03.26 |
| IE에서 header 요소를 쓰기 위해선 (0) | 2016.03.25 |
| html5 기본 구조 (0) | 2016.03.25 |
| HTML5의 판별 기준 (0) | 2016.03.24 |