フッター部分のメニューなどを区切る際のサンプルを適当に。 p要素でやるとこんなヤツです。 Home|アバウト|イラスト|BBS サンプルに使うhtmlは、ul要素を使った下記をベースに使用してます。(サンプルに寄ってid名とか変わりますが) <ul id="sampleFooter"> <li><a href="/">Home</a></li> <li><a href="/">About</a></li> <li><a href="/">Gallery</a></li> <li><a href="/">Blog</a></li> </ul> んでは、いってみますか。 一番書きたかった内容は最後に書いてます。 普通に縦線を書いた感じ 実際の表示です。 Home| About| Gallery| Blog 普通にhtmlに|を記述しているのでソースは当然下記のように。 <ul id="samp
![フッターとかの区切り『|』のサンプル4種|CSS HappyLife](https://cdn-ak-scissors.b.st-hatena.com/image/square/9d6eb249afe89c2191c913e59c47b19879314a24/height=288;version=1;width=512/http%3A%2F%2Fcss-happylife.com%2Fimg%2Fshare%2Ficon_apple_touch.png)