[CSS] DIV에 UL 가운데 정렬 > 온라인강의

본문 바로가기
 
 
 
비즈니스의 시작 비즈명함 ~ 가격, 품질, 배송 3가지 만족을 드리는 비즈명함 / 즉석명함 / 급행서비스 / 서울 전지역 수도권일부 3시간배송

오늘 369
어제 1,062
최대 2,526
전체 3,733,029

최근 방문자

1978
1864
1980
1833
1062
369
16 17 18 19 20 21
온라인강좌 홈 > 온라인강좌 > 온라인강좌

HTML | [CSS] DIV에 UL 가운데 정렬

페이지 정보

작성일2016-08-06 17:41 조회2,433회 댓글0건

본문

<style>
#li_center {
    width: 100%; list-style:none;
}
#li_center ul {
    margin: auto;
}
#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/화면-가운데-위치하는-가로-메뉴/ 
  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기

댓글목록

등록된 댓글이 없습니다.


온라인강의 목록

Total 162건 1 페이지
온라인강의 목록
번호 제목
162
161
160
159
158
157
156
155
HTML checkbox 타입 readonly 적용 (wr.2017-04-18) 인기글 Hit.1012
154
153
152
151
HTML HTML Anchors with 'name' or 'id'? (up.2016-12-27) 인기글 Hit.1590
150
149
HTML [CSS] div 고정폭 + 가변폭 (up.2016-09-20) 인기글 Hit.2512
148
147
146
145
144
HTML [CSS] li height 높이 변경 (wr.2016-08-09) 인기글 Hit.2857
143
열람중
HTML [CSS] DIV에 UL 가운데 정렬 (wr.2016-08-06) 인기글 Hit.2434
141
140
139
138
HTML IE 렌더링 모드 (wr.2016-02-03) 인기글 Hit.2191
게시물 검색
 
 
상호: 해피정닷컴 대표:정창용 사업자등록번호:119-05-36414 (08394) 서울시 구로구 디지털로 242 한화비즈메트로1차 1502호
전화: 070-7600-3500 팩스:02-865-3528 개인정보관리:정창용 mail@happyjung.com 에스크로확인
개인정보취급방침
COPYRIGHT 2001~2018 해피정닷컴. All rights reserved. 통신판매신고:2014-서울구로-0074
 
모바일 버전으로 보기