CSS可以讓網頁中的元素按照需要的方式排列和布局。在橫向排列元素時，可以使用CSS的“float”屬性，讓元素向左或向右偏移。同時，還可以使用“margin”屬性來控制元素的上下位置。

下面是一個示例，展示了如何使用CSS來讓一個元素向左平移并留出足夠的空間，使其他元素能夠向右平移：

```html

<div class="float-left">

<h1>Left-aligned element</h1>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet auctor semper ac. Donec ultricies, quam vel ultrices ultricies, quam ac dui, vulputate eu quam ac quam. Sed ac turpis vel ipsum consectetur non porttitor.</p>

</div>

<div class="float-right">

<h1>Right-aligned element</h1>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet auctor semper ac. Donec ultricies, quam vel ultrices ultricies, quam ac dui, vulputate eu quam ac quam. Sed ac turpis vel ipsum consectetur non porttitor.</p>

</div>

在上面的代碼中，我們創建了一個名為“float-left”的類，用于讓元素向左平移。我們還創建了兩個名為“float-right”的類，用于讓元素向右平移。

在CSS中，我們使用了“.float-left”來給元素設置類，這樣所有的“float-left”元素都將自動應用這個類。然后，我們使用“h1”元素和“p”元素來分別讓元素居中。最后，我們使用“.float-right”來給元素設置類，這樣所有的“float-right”元素都將自動應用這個類。

通過這種方式，我們可以輕松地讓元素在橫向排列時向左或向右平移，并留出足夠的空間，使其他元素能夠向右平移。