首先，在HTML页面中使用p标签来定义段落，代码如下：
<p>这是第一段文字。</p>
<p>这是第二段文字。</p>
<p>这是第三段文字。</p>
然后，在CSS中添加以下代码，使段落的文字横向排列：
p {
display: inline-block;
white-space: nowrap;
transform: rotate(-90deg);
transform-origin: top left;
}
以上代码中，display属性设置为inline-block，使得段落元素在同一行内排列。white-space属性设置为nowrap，使得文字不会折行。transform属性通过旋转文字的角度来实现横向排列。transform-origin属性设置旋转中心点的位置，这里设置为左上角。
最终的效果如下图所示：
通过使用CSS，我们可以实现把文字变成横向排列的效果。这种技术在某些特殊场景下可以用来优化网页布局，让网页内容更加美观。
上一篇：css折叠菜单的制作
下一篇：javascript中不大于
