HTMLで縦線を作るにはどうしたらいいですか?
次の行まで表示させたいマークアップを<div>
で囲み、CSSでスタイルを設定します。
.verticalLine {
border-left: thick solid #ff0000;
}
<div class="verticalLine">
some other content
</div>
垂直方向では、<hr>
に相当する要素はありません。しかし、一つの方法として、分離するものの左右に簡単なボーダーを使用することができます。
#your_col {
border-left: 1px solid black;
}
<div id="your_col">
Your content here
</div>