float 요소 중앙정렬 채택완료
</div>
<div><style type="text/css">
body {margin:0;padding:0;}
div {float:left;width:500px;border:1px solid red;}
ul {position:relative;float:right;left:-50%;margin:0;padding:0;}
li {position:relative;left:50%;float:left;width:100px;height:100px;border:1px solid blue;}
</style></div>
<div><div>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div></div>
<div></div>
<div><style type="text/css">
body {margin:0;padding:0;}
div {float:left;width:500px;border:1px solid red;}
ul {position:relative;float:left;left:50%;margin:0;padding:0;}
li{position:relative;float:left;right:50%;width:100px;height:100px;border:1px solid blue;}
</style></div>
<div><div>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div></div>
<div>답변 7개
</div>
<div><!DOCTYPE=html>
<html>
<style type="text/css">
body {margin:0;padding:0;}
ul{list-style:none}
div {width:500px;border:1px solid red;*zoom:1}
div:after {content:""; display:block; clear:both;}
ul {position:relative;margin:0;}
li{float:left;width:100px;height:100px;border:1px solid blue;}
</style>
<div>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div></div>
<div>댓글을 작성하려면 로그인이 필요합니다.
댓글을 작성하려면 로그인이 필요합니다.
</div>
<div><!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
* { margin:0; padding:0}
ul { list-style-type:none; width:1000px; border:1px solid #f00; text-align:center; margin:0 auto;}
li { list-style:none; border:1px solid #00f; display:inline;}
li > span { width:120px; display:inline-block;}
</style>
</head></div>
<div><body>
<ul>
<li><span>1111</span></li>
<li><span>2222</span></li>
<li><span>3333</span></li>
<li><span>4444</span></li>
<li><span>5555</span></li>
</ul></div>
<div></body>
</html></div>
<div>댓글을 작성하려면 로그인이 필요합니다.
댓글을 작성하려면 로그인이 필요합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
</div>
<div><style type="text/css">
body {margin:0;padding:0;}
div {width:500px;border:1px solid red;}
ul {position:relative;margin:0;overflow:hidden}
li{float:left;width:100px;height:100px;border:1px solid blue;}
</style>
<div>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
<div>답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
CSS분기처리로 접근하셔도 되실듯합니다.
style.css
<!--[if IE]>
style_ie.css
<![endif]-->
오버라이딩 시키는 방법으로 하셔도 되실듯요