css实现文字在左，图片在右

可以使用CSS的float属性和text-align属性来实现文字在左，图片在右的效果。具体实现步骤如下：

1. 首先在HTML中创建一个包含文字和图片的父容器，例如：

<div class="container">
  <p>这是一段文字</p>
  <img src="图片路径" alt="图片描述">
</div>

2. 在CSS中设置父容器的宽度和高度，并使用float属性将图片向右浮动，例如：

.container {
  width: 100%;
  height: 200px;
}

img {
  float: right;
}

3. 最后使用text-align属性将文字左对齐，例如：

p {
  text-align: left;
}

完整的代码如下：

<div class="container">
  <p>这是一段文字</p>
  <img src="图片路径" alt="图片描述">
</div>

<style>
.container {
  width: 100%;
  height: 200px;
}

img {
  float: right;
}

p {
  text-align: left;
}
</style>

相关问题

css设置文字在图片内上下左右居中

可以使用CSS中的flex布局将文字和图片包裹在一个父容器中，通过align-items和justify-content属性来实现上下左右居中。例如：

HTML代码：

<div class="container">
  <img src="example.jpg">
  <div class="text">
    文字内容
  </div>
</div>

CSS代码：

.container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 300px; /* 父容器高度 */
}
img {
  width: 200px;
  height: 200px;
}

前端实现图片在左，文字在右的效果，不用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>` 标签创建表格单元格。图片放在第一个单元格中，文字放在第二个单元格中。这样就可以实现图片在左，文字在右的效果。