改行を含む 2 列レイアウト

Question

編集プロジェクトで複数段組みの雑誌スタイルのレイアウトを試しています。

モニターのサイズが増大し続ける中、紙の雑誌によく似たレイアウト (1 ページあたり 2 ～ 3 段) を作成して、モニターの利用可能なインチをすべて活用したいと考えました。

私は投稿管理に TipTap エディターを使用しています (非常にきれいな HTML コードが返されるため)。フロントエンドでは次の HTML 出力が得られます。

CSS 列クラスを使用して記事を 2 つの部分に分割します:

リーリー

しかし結果はこうなります:

すべての

h2 を解決策の段落に分割して、次のように章を水平に展開できるようにしたいと考えています。

疑似クラスを使用して H2 をインターセプトすることは可能ですか?

Answer 1

各章を div に配置すると、目的の結果のようにスタックされるので便利です。

HTML

リーリー

CSSS

リーリー

コードペン: https://codepen.io/halfandhalfhd/pen/PoamByX p>