我怎样才能格式化这个 div 里面的文本不换行？

Question

我有这个 html 代码

<h2>
  <div style="display:flex">
  <div>
    Section III :
  </div>
  <div>
    Very long parangrapgggggggggggggggggggggggggggggggggggggggggggggggggggggggg
  </div>
  </div>
</h2>

第一个 div 内的空间换行，任何人都可以建议如何获得这种格式？我在第三部分下面没有任何东西，我不想使用 tho 并且我不想调整宽度填充等，有没有办法实现这一点？

Answer 1

看起来文本分成多行，这使它看起来很奇怪。我添加了white-space: nowrap样式。您可能还想在两个 div 之间添加一些间距。

<h2>
  <div style="display:flex; white-space: nowrap;">
    <div>
      Section III :
    </div>
    <div>
      Very long parangrapgggggggggggggggggggggggggggggggggggggggggggggggggggggggg
    </div>
  </div>
</h2>