1 2 3 4 5 6 7 8 9 10 11 | <style type="text/css"> *{border:0; padding:0; margin:0;} li{list-style:none;} .wrap{background:blue; width:500px; height:1000px; margin:0 auto;} .list{} .list:after{content:""; display:block; clear:both;} .list li{float:left; width:92px; height:50px; background:red; margin-right:10px;} /* .list li:last-child{margin-right:0;} //html5에서만 가능*/ /* .list li + li + li + li + li{margin-right:0;} */ .mgr_x{margin-right:0 !important;} </style> | cs |
1 2 3 4 5 6 7 8 9 10 11 | <body> <div class="wrap"> <ul class="list"> <li></li> <li></li> <li></li> <li></li> <li class="mgr_x"></li> </ul> </div> </body> | cs |
'개발' 카테고리의 다른 글
| [javascript] 자동 데이터 유효성체크 (0) | 2015.02.24 |
|---|---|
| [파이썬] 파이썬 스터디 (0) | 2015.02.16 |
| [html5] 브라우저별 video 동영상 재생 (0) | 2015.02.10 |
| [유튜브] 유튜브 자동실행, 플레이 버튼 숨기기 (0) | 2015.02.07 |
| [퍼블리싱][css] position 속성 (0) | 2015.02.01 |