<div class="column-container">
  <div class="sentence03">
    おかんが好きな朝食の名前、俺が思い出したるわ。特徴言うてぇや。甘くて、サクサクしてて、牛乳かけて食べる？その特徴は正にコーンフレークやないかい。でも死ぬ前の最後の食事もそれがいい？ほならコーンフレークと違うかー。死ぬ前の食事が、コーンフレークでえぇわけないもんね。あれはまだ寿命に余裕があるから食べてられるねん。最後の食事に任命されたら、コーンフレーク側も荷が重いよ。え？栄養の五角形がなんであんなにでかいのか分からへん？やっぱりコーンフレークやないかい。コーンフレークの五角形はほんまにでかいねん。せやけどな、アレは牛乳の栄養素も含んだ五角形になっとんねん。俺の目は騙されへんよ。俺を騙したら大したもんや。
  </div>

  <div class="sentence05">
    おかんが好きな朝食の名前、俺が思い出したるわ。特徴言うてぇや。甘くて、サクサクしてて、牛乳かけて食べる？その特徴は正にコーンフレークやないかい。でも死ぬ前の最後の食事もそれがいい？ほならコーンフレークと違うかー。死ぬ前の食事が、コーンフレークでえぇわけないもんね。あれはまだ寿命に余裕があるから食べてられるねん。最後の食事に任命されたら、コーンフレーク側も荷が重いよ。え？栄養の五角形がなんであんなにでかいのか分からへん？やっぱりコーンフレークやないかい。コーンフレークの五角形はほんまにでかいねん。せやけどな、アレは牛乳の栄養素も含んだ五角形になっとんねん。俺の目は騙されへんよ。俺を騙したら大したもんや。
  </div>
</div>
.column-container {
  width: 600px;
  max-width: 100%;
  font-size: 12px;
}

.column-container .sentence03 {
  column-count: 3;
  column-gap: 20px;
  line-height: 2;
}

.column-container .sentence05 {
  column-count: 5;
  column-gap: 10px;
  line-height: 2;
  margin-top: 30px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.