Muszę narysować poziomą linię po jakimś bloku i mam na to trzy sposoby:
1) Zdefiniuj klasę h_line
i dodaj do niej funkcje CSS, takie jak
#css
.hline { width:100%; height:1px; background: #fff }
#html
<div class="block_1">Lorem</div> <div class="h_line"></div>
2) Użyj hr
tagu
#css
hr { width:100%; height:1px; background: #fff }
#html
<div class="block_1">Lorem</div> <hr />
3) używaj go jak after
pseudoklasy
#css
.hline:after { width:100%; height:1px; background: #fff; content:"" }
#html
<div class="block_1 h_line">Lorem</div>
Który sposób jest najbardziej praktyczny?
border-bottom
?
<hr>
jest najbardziej semantyczny. To znaczy, czy to nie jest to, do czego jest przeznaczone?