一,子绝父相定位法
.one {
position: relative;
}
.one b {
display: inline-block;
width: 21px;
height: 16px;
position: absolute;
top: 4px;
left: 4px;
background: url(imgs/one.gif);
}
<div class="one">
<b></b><p>一小段</p>
</div>
二,并列标签法
b标签在p标签里面
.two b {
display: inline-block;
width: 21px;
height: 16px;
background: url(imgs/one.gif);
vertical-align: middle;
}
<div class="two">
<p><b></b>一小段</p>
</div>