增加标题和段落之间的空间

Question

如果您在代码段下面运行，可以看到标题&段落之间有很大的空间。

装置之间的 “1.访问端口，控制和传感器” & “所有情况”

但在现场，其显示像下面的图像：

所以我想增加“标题&段落之间的空间”。

此外想每个单词之间增加空间&我想显示像下面图像：

<div class="product-size-space-img"><img alt="" src="/media/wysiwyg/new-image.jpg" /></div> 
 
<div class="product-size-space-content"> 
 
    <b>1. Access to ports, controls and sensors</b> 
 
    <p>All cases we sell have access to all ports, buttons, camera and sensors, there won&rsquo;t be any interference with your phone censors. Fully compatible with regular charges and headphones.</p> 
 
    <b>2. Protect it from bumps and drops</b> 
 
    <p>This case is made of light, durable and slim material called polycarbonate, it is hard plastic with high impact resistance and low scratch resistance. It is flexible enough to snap on to your phone with ease and strong enough to protect it from&ensp;&ensp; bumps, scratches and accidental drops.</p> 
 
    <b>3.Lay-flat bezel raise lip </b> 
 
    <p>Raised lip around the sides of the case protects your screen from directly contacting surfaces on accidents drops.</p> 
 
    <b>4. High quality printing</b> 
 
    <p>Site1 name uses image transfer technologies which results high quality designs embedded right onto the surface of the phones cases, so there won&rsquo;t be any peeling off or wearing off or chipping on your case design.</p> 
 
</div> 
 
<div style="clear: both;">&nbsp;</div>

Answer 1

试试下面的代码标题和段落，也每个单词空间之间的空间：

p { 
 
    line-height: 25px; 
 
    margin: 15px 0; 
 
    word-spacing: 5px; 
 
}

<div class="product-size-space-img"><img alt="" src="/media/wysiwyg/new-image.jpg" /></div> 
 
<div class="product-size-space-content"> 
 
<b>1. Access to ports, controls and sensors</b> 
 
<p>All cases we sell have access to all ports, buttons, camera and sensors, there won&rsquo;t be any interference with your phone censors. Fully compatible with regular charges and headphones.</p> 
 
<b>2. Protect it from bumps and drops</b> 
 
<p>This case is made of light, durable and slim material called polycarbonate, it is hard plastic with high impact resistance and low scratch resistance. It is flexible enough to snap on to your phone with ease and strong enough to protect it from&ensp;&ensp; bumps, scratches and accidental drops.</p> 
 
<b>3.Lay-flat bezel raise lip </b> 
 
<p>Raised lip around the sides of the case protects your screen from directly contacting surfaces on accidents drops.</p> 
 
<b>4. High quality printing</b> 
 
<p>Site1 name uses image transfer technologies which results high quality designs embedded right onto the surface of the phones cases, so there won&rsquo;t be any peeling off or wearing off or chipping on your case design.</p> 
 
</div> 
 
<div style="clear: both;">&nbsp;</div>

Answer 2

除去margin &上ptag

添加

p { 
    line-height: 30px; 
    margin: 0; 
} 

Answer 3

要增加标题&段落之间”的空间，你可以使用BR :)

要增加每个单词之间的空间，您必须使用CSS样式