css 图片 文字 一排

CSS 可以直接控制网页中的图片和文字的显示方式，其中比较常见的一种方式就是让图片和文字排列一行。

首先需要在 HTML 代码中添加对应的图片和文字元素，如下：

<div>
  <img src="example.jpg" alt="Example image">
  <p>This is an example text.</p>
</div>

然后使用 CSS 控制它们在同一行中显示，可将图片和文字元素都设置为 inline-block 或 float，并设置对应的宽度：

div {
  width: 500px;
}

img {
  display: inline-block;
  width: 200px;
  height: auto;
}

p {
  display: inline-block;
  width: 300px;
  margin: 0;
}

在上述代码中，div 的宽度为 500px，img 设置为 inline-block 后设置宽度为 200px，p 也设置为 inline-block 后设置宽度为 300px，同时将其 margin 设置为 0。

通过这些 CSS 属性和值的设置，可以实现图片和文字在同一行中排列的效果。