CSS/HTML5 사용하기
HTML 문서에 head가 없다면 다음과 같이 추가한다. head 는 "<html>"태그 뒤에, "<body>" 태그 앞에 와야 한다.  문서 위에<head> 를 입력한다.  Enter를 두 번 눌러 새로운 2줄을 만든다.   </head> 를 입력하여 head를 닫는다. 스타일 태그는 두 개의 head 태그 사이에 와야 한다. 이렇게 하면 HTML을 꾸며줄 CSS 코드를 넣을 수 있는 공간이 생긴다.  대신에, 스타일 시트를 따로 만들어서 사용해도 된다. 입력하기. 이는 수평선을 만들어주는 CSS 태그다. head 에 있는 스타일 태그 뒤에 이를 입력하거나 따로 만든 CSS 파일에 입력한다. 이는 "hr {" 뒤에 온다. 수평선을 만드는 방법은 다양하다. 다음의 예시를 살펴보자.     width: ##px; 를 입력해서 줄 너비 설정하기.  ## 에 줄의 픽셀 너비를 입력한다. 픽셀(px) 대신 퍼센트(%)를 이용해도 된다.  height: ##px;를 입력해서 줄 두께 설정하기. ##에 줄의 픽셀 두께를 입력한다.   background-color: ##;를 입력해서 줄 색상 설정하기. ##에 색상 이름을 입력하거나, 파운드(#) 뒤에 16진법 색상 코드를 입력한다.  margin-right: ##px;를 입력해서 오른쪽 끝의 픽셀 숫자 정하기.  ## 에 숫자 또는 픽셀, "auto"를 입력한다. "auto" 를 사용하면 정해진 너비의 중간에 온다. 왼쪽과 오른쪽 끝에 남은 공간이 똑같이 나뉜다.    margin-left: ##px; 를 입력하여 왼쪽 끝 픽셀 숫자 정하기. ## 에 숫자 또는 픽셀, "auto"를 입력한다. "auto" 를 사용하면 정해진 너비의 중간에 온다. 왼쪽과 오른쪽 끝에 남은 공간이 똑같이 나뉜다.   margin-top: ##px;  를 입력하여 위에 공간을 주기.  ## 에 공간 두께만큼 숫자나 픽셀을 입력한다.  margin-bottom: ##px; 를 입력하여 줄 밑에 공간을 주기. ## 에 공간 두께만큼 숫자나 픽셀을 입력한다.  border-width: ##px; 를 입력하여 줄 경계를 주기 (선택 사항) . ##에 경계 두께만큼 픽셀을 입력한다.  border-color: ##; 를 입력하여 경계 색상 설정하기 (선택사항).  ##에 색상 이름을 입력하거나, 파운드(#) 뒤에 16진법 색상 코드를 입력한다. HTML 태그의 body는 "<body>" 와 "</body>" 태그 사이를 말한다. 이렇게 하면 줄이 생긴다. HTML에 <hr> 태그를 이용한 곳마다 CSS 스타일 설정이 적용될 것이다. HTML 파일을 테스트하려면, 파일에 대고 오른쪽 버튼을 눌러서 다음으로 열기를 누른다. 그리고 웹 브라우저를 선택한다. 그러면 "hr" 태그가 있는 곳에 줄이 보일 것이다. HTML 코드가 다음과 같이 보여야 한다.:  <!DOCTYPE html> <html> <head> <style type="text/css">  hr { width: 50%; height: 20px; background-color: red; margin-right: auto; margin-left: auto; margin-top: 5px; margin-bottom: 5px; border-width: 2px; border-color: green; }  </style>  </head> <body>  <h1>This is a heading</h1>  <hr>  <p1>여기가 수평선으로 나뉘는 문단의 글이다.</p1>  </body> </html>
HTML 문서에 head 추가하기. head에 <style type="text/css">를 입력하기.  hr {  "<hr>" 태그에 CSS 스타일 추가하기.   HTML 문서 body 안의 원하는 곳에 <hr> 을 입력하기. HTML 테스트하기.
https://www.wikihow.com/Insert-a-Line-in-HTML
Using CSS/HTML5