在CSS中，可以使用display: flex屬性來強制元素橫向排列。flex布局是一種強大的布局工具，可以輕松地控制元素的對齊、排列和分布。

以下是一個簡單的例子，展示了如何使用display: flex來強制元素橫向排列：

HTML代碼：

<div class="container">
  <div class="item">1</div>
  <div class="item">2</div>
  <div class="item">3</div>
</div>

CSS代碼：

.container {
  display: flex;
}
.item {
  flex: 1;
}

在這個例子中，.container元素被設(shè)置為display: flex，使其子元素（即.item元素）按照橫向排列。flex: 1屬性表示每個.item元素在橫向排列中占據(jù)相同的空間。

這只是一個簡單的例子，在實際應(yīng)用中，您可能需要更復(fù)雜的布局和樣式，基本的原理是相同的：使用display: flex來強制元素按照橫向排列，并通過flex屬性來控制每個元素在橫向排列中的空間分配。