html - 如何将文本和图像彼此相邻放置？

This question already has answers here:

Vertically align image and text
                                
                                    （3个答案）
                                
                        
                                3年前关闭。
            
                    
我该怎么做？



我的HTML：

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

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

谢谢！

最佳答案

使用CSS Flex。在display: flex上添加.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>

关于html - 如何将文本和图像彼此相邻放置？ ，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39957013/