CSS頁面中經常需要讓元素左浮動以達到排版效果的要求，但左浮動后元素會靠左對齊，這時我們需要使用CSS來讓元素居中。

.float-left {
float: left; //元素左浮動
}
.center {
margin: 0 auto; //居中設置
display: block; //使元素表現為塊狀
}

代碼解釋：

首先，我們定義了一個名為float-left的class，并將其中元素設置為左浮動；

然后，我們在另一個class中，使用margin屬性將元素向左右兩側分別留出空白，實現居中的效果；

同時，為了保證元素居中的效果，我們也加上了display: block，使元素表現為塊狀。

實例演示：

<div class="float-left center">
<p>這是一段左浮動并居中的段落</p>
</div>

代碼解釋：

我們將設置了float-left和center兩個class的div包裹住了一段段落文字，這段文字會左浮動并居中于div元素區域內。

注意：

如果居中元素為圖片等行內元素，請務必將其設置為塊狀元素（display: block）以實現居中效果。

實現居中效果的方法還有很多，不同的效果需要不同的CSS樣式來實現，這里提供的是經典的居中方式。