前端实现图片在左，文字在右的效果

可以使用 flex 布局实现图片在左，文字在右的效果，具体代码如下：

<div class="container">
  <img src="image.jpg" alt="image">
  <div class="text">
    <h2>Title</h2>
    <p>Text content</p>
  </div>
</div>

.container {
  display: flex;
  align-items: center;
}

img {
  flex: 1;
  margin-right: 20px;
}

.text {
  flex: 1;
}

其中，container 为父容器，使用 flex 布局，并设置 align-items 属性为 center，让子元素垂直居中对齐。图片使用 flex 属性为 1，占据剩余的空间，并设置 margin-right 属性为 20px，创造图片和文字之间的间距。文字也使用 flex 属性为 1，占据剩余的空间。

相关问题

前端实现图片在左，文字在右的效果，不用css

如果不使用 CSS，可以使用 HTML 的表格标签 `<table>` 来实现图片在左，文字在右的效果，具体代码如下：

<table>
  <tr>
    <td><img src="image.jpg" alt="image"></td>
    <td>
      <h2>Title</h2>
      <p>Text content</p>
    </td>
  </tr>
</table>

其中，使用 `<table>` 标签创建表格，使用 `<tr>` 标签创建表格行，使用 `<td>` 标签创建表格单元格。图片放在第一个单元格中，文字放在第二个单元格中。这样就可以实现图片在左，文字在右的效果。