css中怎么把文字横排

在CSS中，我们可以使用display属性来控制元素的显示方式。要将文字横排，我们可以将元素的display属性设为inline或inline-block。当然，我们也需要知道如何使用p标签和pre标签来调整段落和代码的样式。
首先，我们来看一下如何使用p标签来编写段落。在HTML中，我们可以使用p标签来表示一个段落。为了让段落内的文字横排，我们只需要将p标签所对应的CSS样式中的display属性设为inline或inline-block即可。比如：
p {
display: inline;
}
以上代码即可将所有p标签内的文字横排显示。
接下来，我们再来看一下如何使用pre标签来编写代码。在HTML中，pre标签可以用来表示预格式化文本，通常用于显示代码块，如下所示：

 var name = 'Tom';
  console.log('Hello, ' + name + '!'); 

为了让代码内的文字横排，我们需要将pre标签所对应的CSS样式中的white-space属性设为nowrap，以避免文字换行。而由于代码块通常需要保留原始格式，我们还需要将font-family属性设为Monospace等等。代码示例如下：
pre {
white-space: nowrap; /* 避免文字换行 */
font-family: Monospace; /* 保留原始格式 */
}
在以上样式的基础上，我们还可以对代码块的背景颜色、边框等进行设置，以提高可读性和美观度。
综上所述，我们可以通过简单地修改元素的display属性和使用p、pre标签与CSS样式来将文字横排，并将代码块以合适的格式呈现在页面上。