CSS中float left居中是網頁設計中非常常見的一個技巧。它可以使元素在水平方向上居中，而不會占用頁面的全部寬度。下面我來介紹一下如何使用CSS中的float left在網頁中實現水平居中。

.center{
width:50%;
margin:0 auto;
float:left;
}

首先，我們需要在CSS文件中給目標元素設置一個固定的寬度。這個寬度可以根據需要來自行調節。在上述代碼中，我設定了寬度為50%。然后，我們需要給元素設置一個左右的margin，其中左右margin的值要相等，這樣元素才能在水平方向上居中。在上述代碼中，我使用了margin:0 auto;表示左右margin為auto，這樣可以實現目標元素水平居中的效果。

最后，我們需要使用CSS中的float:left將目標元素的浮動屬性設置為左浮動。這個屬性的作用是使元素始終處于父元素的左側。在上述代碼中，我使用了float:left;表示對目標元素進行左浮動設置，這樣元素就能夠實現水平居中了。

總結一下，CSS中的float left居中方法非常簡單，只需要給目標元素設定一個固定的寬度，設置左右margin為auto，同時使用float:left進行左浮動設置即可。這個方法適用于很多網頁設計場景，特別是在實現圖片、段落等內容居中方面效果特別好。