p标签：使用CSS向左浮动元素 pre标签： .float-left { float: left; } 在CSS中，浮动是一种常见的排列元素的方法。使用浮动，我们可以轻松地对元素进行布局。通过设置float属性为left或right，浮动元素将从正常的文本流中移动，并在其容器中左或右对齐。 我们可以使用以下代码来向左浮动一个元素： .float-left { float: left; } 这个类可以应用于任何我们想向左浮动的元素。例如，我们可以将一个图片向左浮动，让文本围绕它排列：

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam semper porta dolor sit amet tempor. Suspendisse vitae faucibus ipsum, a lacinia lacus. Integer ultricies ipsum eu tortor pulvinar, vel vestibulum elit maximus. Curabitur convallis augue non sapien consequat, in tempor nisi tincidunt. Etiam vel velit mi. Duis tempor semper leo. Fusce ut purus in enim pulvinar pharetra. Donec ut auctor arcu. Mauris viverra rhoncus erat, sed facilisis purus pretium quis. Nam volutpat elit urna, sit amet commodo lorem ultrices vitae. Curabitur ac lobortis velit, a efficitur nisl.

在这个例子中，我们使用一个img标签，并将它的class设置为float-left。这个class应用了我们之前定义的CSS规则，使图片向左浮动。作为结果，我们的文本被围绕在图片周围。