css中文字在图片右边

在网页设计中，我们会遇到需要文字在图片右侧的情况，这时候我们可以使用CSS来实现这种效果。

 .img-text-container {
    display: flex;
  }
  .image {
    width: 50%;
    margin-right: 20px;
  }
  .text {
    width: 50%;
  } 

首先，我们需要创建一个包含图片和文字的容器，这个容器需要设置为flex布局，这样图片和文字就可以自然地并列在一起。

接着，我们需要给图片和文字分别设置宽度，使它们占据容器的一半。同时，为了让图片和文字之间有一定的间隙，我们可以给图片设置一个右边距。

 <div class="img-text-container">
    <div class="image">
      <img src="image.jpg" alt="图片">
    </div>
    <div class="text">
      <p>这里是广告语</p>
      <p>这里是详细介绍</p>
    </div>
  </div> 

最后，我们将图片和文字分别放在容器的两个子元素中，并为它们添加对应的类名。

这样，我们就成功地实现了文字在图片右侧的效果。