如何将文本和图像彼此相邻放置？ [英] How to place text and image next to each other?

问题描述

我该怎么做？

我的HTML：

<div class="content">
   <img src="somesrc">
   <h3><strong>TITLE</strong></h3>
   <p>Description</p>
</div>

我想在标题和图像之间留一些空间。

I would like to have some space between the title and image.

谢谢！

推荐答案

使用CSS Flex。在 .content 上添加 display：flex 。

Use css Flex. Add display: flex on .content.

.content {
  display: flex;
}

.content img {
  margin-right: 10px;
  display: block;
}

.content h3,
.content p {margin: 0;}

<div class="content">
  <img src="somesrc">
  <div class="text">
    <h3><strong>TITLE</strong></h3>
    <p>Description</p>
  </div>
</div>

这篇关于如何将文本和图像彼此相邻放置？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！