ブログ

ページ送りを数字にしたい

ページ送りを数字にしたいのですがネットで見つけたものを貼ると以下のように縦になってしまいます。
・≪前
・1
・2
・3
・4
・5
・6
・次 ≫
黒い点もいらないし横にしたいのですがどうしたらよいでしょうか？
貼ったのは以下のものです。

HTML
-->
<ul class="pageNav01">
<li><a href="1.html">&laquo; 前< ;/a></li
><li><a href="1.html">1</a>& lt;/li
><li><span>2</span></li
><li><a href="3.html">3</a>& lt;/li
><li><a href="4.html">4</a>& lt;/li
><li><a href="5.html">5</a>& lt;/li
><li><a href="6.html">6</a>& lt;/li
><li><a href="3.html">次 &raquo ;</a></li>
</ul>

CSS

#main ul.pageNav01s {
margin: 0 0 10px;
padding: 12px;
background: #f3f3f3;
text-align: center;
}

#main ul.pageNav01s li {
display: inline;
margin: 0 1px;
padding: 0;
}

#main ul.pageNav01s li span,
#main ul.pageNav01s li a {
display: inline-block;
padding: 1px 8px;
background: #fff;
border: 1px solid #ccc;
vertical-align: middle;
text-decoration: none;
}

#main ul.pageNav01s li a:hover {
background: #efefef;
}

2015年05月05日 22:28  by るなるるるん