在图像和 p HTML 元素之间添加 space
add space between image and p HTML elements
如何在此处的图像和 p 标签之间插入几个 space 的像素。我希望 p 位于图像的右侧,但现在它太靠近了。我想要 space 中的几个像素。
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>
如何在此处的图像和 p 标签之间插入几个 space 的像素。我希望 p 位于图像的右侧,但现在它太靠近了。我想要 space 中的几个像素。
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>