표제와 단락 사이의 공간 늘리기

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

이 ptag

에 line-height를 추가 margin &을 제거 :

또한 나는 내가 이미지 아래처럼 표시 할 각 단어 사이 &을 공간을 늘리려면 제목과 단락 및 각 단어 공간 사이의 공간에 대한 코드 아래가

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

Answer 3

는 제목 & 단락 "사이의 공간을 늘리려면 BR을 사용할 수 있습니다 :)

을

각 단어 사이의 간격을 늘리려면 CSS 스타일

으로 작업해야합니다.3210