ホームページでのページの切り替えボタンを縦並びに

Dynamic Driveさんに記載されているページボタンを使用しようと思っているのですが、ページのリストを横ではなく縦にしたいのですが、そのようなことは可能でしょうか？

http://www.dynamicdrive.com/style/csslibrary/ite …




« previous 1 2 3 4 5 ...... next »
　
↓

« previous
1
2
3
4
5
..........
next »

のような並びにしたいと思っています。
分かる方がおられましたら、回答宜しくお願い致します。

No.1 ベストアンサー 回答者： torayoshi 回答日時： 2012/05/03 16:58

liのプロパティ値がインライン要素（display:inline;）だから横並びになります。

縦並びならブロック要素（display:block;）に。

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}
　　　　↓
.pagination li{
list-style-type: none;
display: block;
padding-bottom: 1px;
}

この回答へのお礼

display: inline;をdisplay: block;にしてみた所、縦並びになりました。

回答有難うございました。大変助かりました。

お礼日時：2012/05/03 18:45