图片浮动代码

要实现图片浮动，可以使用 CSS 中的 `float` 属性。以下是一个基本的示例代码：

<div class="container">
  <img src="image.jpg" alt="图片描述" class="float-left">
  <p>这里是图片旁边的文本。</p>
</div>

在这个示例中，我们在图片上应用了 `float-left` 类，它将把图片向左浮动。如果要将图片向右浮动，则可以应用 `float-right` 类。我们还将图片和文本包含在一个容器中，以确保它们能够正确地对齐。

下面是一个基本的 CSS 样式代码，用于定义 `float-left` 和 `float-right` 类：

.float-left {
  float: left;
  margin-right: 20px; /* 将文本与图片之间的距离设置为20像素 */
}

.float-right {
  float: right;
  margin-left: 20px; /* 将文本与图片之间的距离设置为20像素 */
}

在这个样式中，我们使用 `float` 属性将图片向左或向右浮动。我们还使用 `margin` 属性来设置图片与相邻元素之间的空间。我们可以根据需要修改这些样式属性来实现不同的图片浮动效果。