CSS教程：如何实现文本不换行显示

在网页设计和开发中，有时我们希望文本内容能够在一行内显示，而不会自动换行到下一行。这在创建标题、导航菜单或其他需要紧凑显示的元素时非常有用。在本教程中，我将向您展示如何使用CSS来实现这一效果。

首先，让我们来看一下基本的HTML结构，作为我们的示例。我们将创建一个简单的div元素，并在其中放置一段文本。以下是HTML代码：

<div class="nowrap">
  这是一段不换行的文本内容。
</div