图片和文字同行显示：三种方法详解

要让图片和文字在一行同水平显示，可以使用以下方法：

1. 使用 CSS 中的 display 属性，将图片和文字都设置为'inline-block'，使它们在同一行显示：

img, p {
  display: inline-block;
  vertical-align: middle; /* 可以让图片和文字垂直居中显示 */
}

2. 使用 CSS 中的 float 属性，将图片设置为左浮动或右浮动，使文字紧贴着图片显示：

img {
  float: left; /* 或 float: right; */
  margin-right: 10px; /* 可以设置图片和文字之间的间距 */
}

3. 使用 HTML 中的表格，将图片和文字放在同一行的单元格中：

<table>
  <tr>
    <td><img src='image.jpg'></td>
    <td><p>这是一段文字</p></td>
  </tr>
</table>

以上方法都可以让图片和文字在同一行水平显示，具体使用哪种方法，可以根据实际情况选择。