[分享]css两行文字在图片右边

在网站设计中，有时候需要让两行文字显示在图片的右边，这可以通过CSS来实现。

.img-box {
  display: flex;
  align-items: center;
}

.img-box img {
  margin-right: 20px;
}

.img-box p {
  font-size: 16px;
  line-height: 1.4;
  color: #333;
} 

以上代码中，首先我们使用flex布局来创建一个容器，并使用align-items属性将图片和文字竖直居中，然后给图片添加margin-right属性来设置文字与图片之间的间距，最后对文字进行样式设置。