css如何让图片和文字并排显示

CSS作为前端开发中常用的样式语言，可以通过设置不同的属性值来实现各种各样的页面布局效果，其中让图片和文字并排显示也是一个常见的需求，下面来介绍一下如何实现这个效果。

/*CSS代码*/
.img-wrap {
  float: left; /*让图片向左浮动*/
  margin-right: 10px; /*设置图片和文字之间的间距*/
}

首先，我们需要将图片和文本分别放在一个容器中，以便于设置它们的样式。下面是一个简单的HTML结构：

<div class="content">
  <div class="img-wrap">
    <img src="your-image-source">
  </div>
  <p>Your text goes here...</p>
</div>

其中，img-wrap类的作用是让图片向左浮动，而margin-right属性则用来设置图片和文字之间的间距。如果想要让图片和文字向右对齐，可以设置float: right;即可。

综上，通过设置img-wrap类的样式，我们可以让图片和文字实现并排显示的效果。这里需要注意的是，如果你的页面中需要多次使用该效果，可以将这些公共的样式统一放在一个CSS文件或者style标签中，以方便管理。