[WEB]div 중앙에 나열하기

Programing 2014.12.01 14:02 Posted by 애플자라

<style>
#sitebar {text-align:center;}
#sitebar span {display:inline;}
</style>
<div id="sitebar">
  <span>ABOUT</span>
  <span>BLOG</span>
  <span>GUESTBOOK</span>
</div>

이렇게 하셔도 됩니다. ^^; span 대신에 li 넣으셔도 되고 이런 식으로 레이어를 가운데에 가로로 정렬할 수가 있습니다.

<style>
#sitebar {text-align:center;}
#sitebar li {display:inline;margin:0;padding:0;}
</style>
<div id="sitebar">
<ul>
<li>ABOUT</li>
<li>BLOG</li>
<li>GUESTBOOK</li>
</ul>
</div>

 

출처 - http://defle.nayana.com/board/view.php?bbs_code=clip&bd_num=846

 

TAG , , , ,

댓글을 달아 주세요