Lineas a izquierda y derecha de texto

[pzin]

Otra opción usando sólo CSS:

Código CSS:

.lineas_horizontales {
  position: relative;
  left: 20px;
  display: inline-block;
  padding: 10px;
}
 
.lineas_horizontales:before,
.lineas_horizontales:after {
  position: absolute;
  top: 50%;
  left: -20px;
  display: block;
  height: 5px;
  width: 20px;
  background: black;
  content: " ";
}
 
.lineas_horizontales:after {
  left: auto;
  right: -20px;
}
 

Código HTML:

<h1 class="lineas_horizontales">Algo</h1>
<h2 class="lineas_horizontales">Alguna otra cosa</h2>
 

Igual hay algo que no he tenido en cuenta pero a priori no veo problemas.