css - フローティング画像と Web レイアウト

Question

Web サイトの 2 つの列を 2 つの列の間の垂直線で区切ろうとしています。CSSスタイリングで「hr」タグを使用して縦線にしようとしています。3 つの要素を配置するために適用する必要がある css を提案できる人はいますか?

Answer 1

<hr>タグは水平線を作成するためのものです。垂直線を作成するための特定のタグはありませんが<div>、css の a と垂直線のプロパティを使用して作成できます。

これがhtmlコードです。好きな場所に配置できますが、css プロパティで位置を指定する必要があります。

<div class="vLine"></div>

ここにcssコード：

.vLine{ 幅: 1px; 高さ: 1009px; 背景色: #F0F0F0; 色:#F0F0F0; 位置: 絶対; 左: 150px; }

Answer 2

で実行したい場合は、 http://jsfiddle.net/sZqrD/1/<hr />を参照してください。

しかし、 http://jsfiddle.net/9V4qh/の方が優れていると思います