[CSS] DIV에 UL 가운데 정렬 > 기술자료

• 목록

<style>
#li_center {
    width: 100%; list-style:none;
}
#li_center ul {
    margin: auto;
    padding:0px;margin:0px;list-style:none
}
#li_center li  {
    display:inline;
}
#li_center .c1 {
    color:#313131;
    background:url(../img/icon_toplink_bar.png) right no-repeat;
    padding-right:15px;
}
#li_center .c2 {
    color:#ef2a20;
    padding-left:10px;
}
#li_center a {
    display:inline-block;
    padding:10px;
}
</style>

<div id="li_center">
    <ul>
        <li class="c1">인기검색어</li>
        <li class="c2">#8월국내여행지추천</li>
        <li class="c2">#잊기쉬운해외여행준비물</li>
        <li class="c2">#어린이멀미약</li>
    </ul>
</div>


참고자료
http://appletree.or.kr/blog/web-development/css/화면-가운데-위치하는-가로-메뉴/