css float:left 을 화면 중앙으로 이동하고 싶습니다.
독특한
style type=text/css
#pageNavi { float:left; }
.page-navi a { text-decoration:none; color:green; border:1px solid #323232; }
.page-navi span { color:#FFFFFF; background:#3B608D; border:1px solid #616161; }
.page-navi a, #pageNavi span {display:block; float:left; padding:.2em .6em; margin:0 .1em; }
.page-navi a:hover { text-decoration:none; color:red;border:1px solid #323232; }
/style
div id=pageNavi class=page-navi
a href=prevPrev/a
a href=11/a
a href=22/a
span class=active3/span
a href=44/a
a href=55/a
a href=nextNext/a
/div
위의 div내용을 화면중앙으로 보낼려고 하는데 왼쪽으로만 치우쳐 있습니다.
float가 좌우만 되어 그런지..
어떻게 하면 무조건 화면중앙으로 보이게 할까요?
이제 CSS 하루째...
-
펴라
style type=\text/css\
body{width:100%;}
#pageNavi {margin:0 auto;width:280px;}
.page-navi a { text-decoration:none; color:green; border:1px solid #323232; }
.page-navi span { color:#FFFFFF; background:#3B608D; border:1px solid #616161; }
.page-navi a, #pa