Voyager : Walking This Planet

<div id="wrap">

<div class="left"></div>

<div class="content"></div>

</div>

#wrap {overflow:hidden; position:relative; width:1024px; margin:0 auto;}

#wrap .left {float:left; width:200px; position:absolute; left:0; top:0; bottom:0;}

#wrap .content {float:right: min-height:1000px; }

줄바꿈안함

white-space:nowrap;

줄바꿈

word-break:break-all;

word-break:nowrap은 적용이 잘 안되서

white-space로...

display 속성

inline : 다른요소와 행을 공유하며 높이값 등 속성이 적용되지 않는다.

block : 다른요소와 행을 공유하지 않으며, 높이값 등 속성을 가질 수 있다.

inline-block : 다른요소와 행을 공유하며, 고유 속성도 가질 수 있다.

주요 html 태그별 속성

<a> inline

<div> block

<img> inline

<h1> block

<p> block

<li><ol><ul> block

<span> inline

<table> block

<input> inline

<form> block

<blockquote> block