문단과 줄바꿈, 주제 구분선을 올바르게 사용합니다.
p는 하나의 문단을 나타내며 브라우저는 앞뒤에 기본 여백을 둡니다. br은 주소나 시처럼 의미 있는 줄바꿈에, hr은 장면이나 주제 전환에 사용합니다.
예제에서는 <p>문단</p><br><hr> 부분부터 찾으세요. 태그 이름만 외우기보다 부모·자식 관계와 속성이 어느 요소에 붙는지를 한 덩어리로 읽으면 구조를 고치기 쉬워집니다.
먼저 현재 결과를 확인한 뒤 첫 문단 뒤에 새로운 주제의 p를 하나 추가하세요. 수정 전에는 예상한 변화를 한 문장으로 적고, 실행 뒤에는 정보 순서와 키보드 접근까지 그대로인지 살펴보세요.
화면 폭에 맞추려고 br을 여러 번 넣거나 빈 p로 간격을 만들지 마세요. 간격은 CSS margin으로 처리합니다.
직접 바꿔보세요첫 문단 뒤에 새로운 주제의 p를 하나 추가하세요.