<p>
    CSS(Cascading Style Sheets)는
    <br> <!-- 텍스트를 끊어 줄바꿈하고 싶은 지점에 삽입합니다. -->
    HTML(이나 XML)로 작성된 웹 페이지의 모양과 스타일,
    즉 디자인을 지정하는 데 사용하는 언어입니다.
</p>
실제 적용된 모습
<p>
   문단 사이에 br 태그를 사용하면 빈 줄과 같은 여백이 생깁니다.
</p>
<br>
<p>
    이것은 반복적인 줄바꿈으로 생기는 시각적 효과이지만
    이러한 여백을 만들기 위해 br 태그를 사용하는 것은
    삼가야 합니다.
</p>
실제 적용된 모습
<p style="margin-bottom: 3em;">  <!-- CSS의 margin-bottom 속성으로 여백 조정 -->
   문단 사이에 br 태그를 사용하면 빈 줄과 같은 여백이 생깁니다.
</p>
<p>
    이것은 반복적인 줄바꿈으로 생기는 시각적 효과이자만
    이러한 여백을 만들기 위해 br 태그를 사용하는 것은
    삼가야 합니다.
</p>
실제 적용된 모습
<p>첫 번째 문단</p>
<p>두 번째 문단</p>
<p>
    첫 번째 문단
    <br>
    두 번째 문단
</p>
<p>
    CSS(Cascading Style Sheets)는
    <br>
    <br> <!-- 연속적인 <br> 태그 활용 -->
    HTML(이나 XML)로 작성된 웹 페이지의 모양과 스타일,
    즉 디자인을 지정하는 데 사용하는 언어입니다.
</p>
실제 적용된 모습
<p>
    <span style="margin-bottom: 2em; display:inline-block">
        CSS(Cascading Style Sheets)는
    </span>
    <br> <!-- 스타일을 직접 적용하지 않습니다. -->
    HTML(이나 XML)로 작성된 웹 페이지의 모양과 스타일,
    즉 디자인을 지정하는 데 사용하는 언어입니다.
</p>
실제 적용된 모습

caniuse.com에서 더 자세한 정보를 확인해 보세요.