我试图把一些文本与h3作为标题平行的图像我设法得到的图像和文本这样做,问题是我不能得到我的h3上的文本
#box {
display: flex;
align-items: center;
width: 950px;
margin:auto;
margin-top: 30px;
}
#box p {
margin-right: 1em;
}
<div id="box">
<h3>lorem ipsum</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
</p>
<img width="300" src="https://blog-media.byjusfutureschool.com/bfs-blog/2022/08/18080659/Article-Page-61.png" />
</div>
这就是我希望它本质上看起来像与h3作为标题
3条答案
按热度按时间9wbgstp71#
这应该可以达到目的:
uajslkp62#
lkaoscv73#
您可以简单地将文本内容 Package 在一个附加的div中: