このHPのアドレスバーの区切り線の作り方

質問

http://support.microsoft.com/gp/imagekb_xphome
このホームページのアドレスバー（セルフサポート、お問い合わせって書いてある部分）を作りたいんですけど、どうしても区切り線だけがうまく入力できません。区切り線はどうやって入力すれば、うまく中央に入るんですか？
ちなみに私がやっている方法ですが、レイアウトテーブルを使って、セルを中にいれて、区切り線用は１０px内にいれようとしています。
遅れましたが、ソフトはDreamweaverMXを使用しています。よろしくお願いします。

回答No.1

steel_gray · ベストアンサー

普通にテキストで「|」を入力。
あとは好みでスタイルをつければよろしいかと。

.bar {
font-size:smaller; /* 文字サイズ:小さく */
vertical-align:middle;/* 縦方向の配置:中央 */
}

<span class="bar">|</span>

お礼

ご回答ありがとうございます。
その縦棒は、どうすれば入力できますか？私はＳＨＩＦＴを押しながら、￥を入力して、縦棒を出そうと思っているんですけど、なかなかうまくいかないんです。