gpt4 book ai didi

html - 在图像和 p HTML 元素之间添加空间

转载 作者:太空宇宙 更新时间:2023-11-04 02:54:09 24 4
gpt4 key购买 nike

如何在此处的图像和 p 标签之间插入几个像素的空间。我希望 p 位于图像的右侧,但现在它太靠近了。我想要几个像素的空间。

HTML

<label class="radio-inline">
<input ng-change="" ng-model="" type="radio" value="f" id="inlineRadio1" name=""><img src="http://blahblah.png" alt="some_text"></img><p>Blah</p>

CSS

.radio-inline img{
float: left;
}

.radio-inline p {
overflow: hidden;
}

最佳答案

.radio-inline img {
float: left;
margin: 0 16px 16px 0;
}
.radio-inline p {
overflow: hidden;
}
<label class="radio-inline">
<input ng-change="" ng-model="" type="radio" value="f" id="inlineRadio1" name="">
<img src="http://lorempixel.com/output/city-q-c-30-30-9.jpg" alt="some_text">
<p>Blah</p>
</label>

关于html - 在图像和 p HTML 元素之间添加空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32482630/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com