<p>
    HTML(Hyper Text Markup Language)은
    <br>
    웹 페이지를 만들기 위한 가장 기본적인 언어로서,
    웹 개발을 배우는 데 필수적인 언어입니다.
</p>
<hr> <!--문단 수준 요소 사이의 주제 구분 -->
<p>
    CSS(Cascading Style Sheets)는
    <br>
    HTML(이나 XML)로 작성된 웹 페이지의 모양과 스타일,
    즉 디자인을 지정하는 데 사용하는 언어입니다.
</p>
<hr> <!--문단 수준 요소 사이의 주제 구분 -->
<p>
    JavaScript(자바스크립트)는
    <br>
    웹 개발에서 가장 널리 사용되는
    프로그래밍 언어 중 하나입니다.
</p>
실제 적용된 모습
<!DOCTYPE html>
<html lang="ko">
    <head>
        <meta charset="UTF-8">
        <title>올바르지 않은 HR 태그 사용 예제</title>
    </head>
    <body>
        <header>
            <h1>메인 타이틀</h1>
        </header>
        <nav>
            <ul>
                <li><a href="#">메뉴 항목 1</a></li>
                <li><a href="#">메뉴 항목 2</a></li>
                <li><a href="#">메뉴 항목 3</a></li>
            </ul>
        </nav>
        <hr> <!-- 섹션 또는 콘텐츠 영역 외부에 <hr> 태그를 배치한 잘못된 사용 -->
        <section>
            <h2>섹션 제목</h2>
            <p>이것은 섹션의 콘텐츠입니다.</p>
        </section>
        <footer>
            <p>저작권 © 2024 잘못된 예제 회사. 모든 권리 보유.</p>
        </footer>
    </body>
</html>
.horizontal-line {
    border-top: 1px solid black; /* 수평선 스타일 정의 */
    margin-top: 20px; /* 필요에 따라 여백 설정 */
    margin-bottom: 20px; /* 필요에 따라 여백 설정 */
}
<div aria-hidden="true" class="horizontal-line"></div>
실제 적용된 모습
hr 태그의 브라우저 호환성
태그
데스크탑 Chrome
Chrome
데스크탑데스크탑 Edge
Edge
데스크탑 Firefox
Firefox
Safari
Safari
<hr> 1 12 1 3

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