JSFiddle - React, Tailwind, and code Playground

by andreasisaak

HTML

<h2><span>Eine Beispielheadline</span></h2>

CSS

body {
    padding:50px;
}

h2 {
    display:block;
    margin: 40px 0;
    padding:30px;
    font: normal 33px/1.1 Georgia, "Times New Roman", Times, serif;
    color: #3E3E3E;
    text-align:center;
    white-space: nowrap;
    position:relative;
}

h2:after {
    content:'';
    position:absolute;
    border-top: 1px solid #aaa;
    left:0;
    right:0;
    height:1px;
    z-index:-1;
    top:50%;
}

h2 > span {
    display:inline-block;
    background-color:#fff;
    padding:0 30px;
}