Tworząc stronę powinniśmy kierować się jej czytelnością, dlatego warto tak zaplanować jej strukturę, aby czytelnik mógł łatwo przemieszczać się pomiędzy kolejnymi sekcjami strony.
Jednym z elementów, który ułatwi nam przygotowanie przejrzystego układu dokumentu HTML jest znacznik linii poziomej hr. Biegnie ona na całej szerokości strony bądź kontenera, w którym jest zdefiniowany.
<hr>
Przykład
Jeśli zajdzie potrzeba możemy zmienić wygląd naszej linii poziomej posługując się stylem lokalnym (bezpośrednio w znaczniku). W poniższym przykładzie ustalimy kolor linii na zielony.
<hr style="color: green;">
Przykład
Możemy zmienić jej długość.
<hr style="width: 20%;">
Przykład
Ustawmy jej szerokość.
<hr style="height: 10px; background: gray; border: 0px;">
Przykład