<body>
  <h1>Exemplos de elemento hr com estilo CSS</h1>
  <h3>Primeiro exemplo: linha horizontal normal (Sem CSS).</h3>
  <hr>
  <h3>Segundo exemplo: linha horizontal com 30 pixels de altura.</h3>
  <hr class="segundaQuebraDeLinha">
  <h3>Terceiro exemplo: linha horizontal com 30 pixels de altura, sem borda e com cor de fundo cinza escuro.</h3>
  <hr class="terceiraQuebraDeLinha"> 
</body>
 
.segundaQuebraDeLinha {
  height: 30px;
}

.terceiraQuebraDeLinha {
  height:30px;
  background:#808080;
  border:none
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.