hr タグのようなものはありますが、垂直的な意味でですか?
テーブルを使用したくありませんが、基本的には 2 つのタブがあり、タブのヘッダー間に線が必要です。
これは簡単なjsfiddleです。
編集：border-rightを使用したjsfiddleの新しいバージョン
編集：十分に閉じてください！しかし、header の代わりに friendsH と familyH に padding-top = 10 を入れると、何らかの理由で完全に機能しますが、縦方向に中央揃えされないので、この方法が好きだと思います
これはハックのように思えますが、それが唯一の方法である場合、これはまったく同じ質問だと思います。
はい、できます。<hr style="display: inline" />縦の法則になります。
(ただし、IE7 では失敗するため、スタイルに条件付きコメントを付けて非表示にするか、|代わりに置き換えることができます)
「垂直」の hr タグはありません。「border-left」および「border-right」CSS プロパティを使用して、このような効果を得ることができます。
私が最近拾ったトリックがあります。それは垂直を作ります<hr>：
<hr width="1" size="500" style="display:inline-block;">
HTML に固有のものはありません。CSS を使用して何かを作成できます。たとえば、片側のみの境界線や画像の背景など、非常に狭い div を使用します。jquery を使用している場合は、それを行うためのプラグインを見つけることができますが、ユーザーが分割された領域をドラッグしてサイズ変更できるようにするなど、おそらくより多くの機能を備えているでしょう。