HTMLで文章を横三等分にする

##文章を三等分にする方法

HTMLファイル

<div style="display: flex; gap: 20px;">

  <div style="width: calc(100% / 3);">
    <h1>
    タイトル1
    </h1>
    <P>
    テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
    </P>
  </div>
  
  <div style="width: calc(100% / 3);">
    <h1>
    タイトル2
    </h1>
    <P>
    テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
    </P>
  </div>

  <div style="width: calc(100% / 3);">
    <h1>
    タイトル3
    </h1>
    <P>
    テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
    </P>
  </div>

</div>