見出しと段落の間のスペースを増やす

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

見出しと段落ともそれぞれの単語空間との間のスペースのためのコードの下に試してみてください、あなたはBRを使用することができ、「見出し&段落間にスペースを増やすには

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

に line-heightを追加します

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

Answer 3

:)

各単語間のスペースを広げるには、CSSスタイルで作業する必要があります