“CSS de línea horizontal antes y después de la cabeza” Código de respuesta

CSS de línea horizontal antes y después de la cabeza

h1::before,
h1::after {
    display: inline-block;
    content: "";
    border-top: .3rem solid black;
    width: 4rem;
    margin: 0 1rem;
    transform: translateY(-1rem);
}