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

質問

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

http://www.dynamicdrive.com/style/csslibrary/item/css_pagination_links/

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

↓

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

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

回答No.1

torayoshi · ベストアンサー

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;にしてみた所、縦並びになりました。

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