見出しジェネレーター

HTML

<h2><span>見出しテキスト</span></h2>

CSS

h2 {
 font-size: px;
 font-weight: ;
 padding: em 0 em;
 }
h2 span {
 display: block;
 position: relative;
 padding-bottom: .5em;
 }
 h2 span::before {
 content: "";
 width: 100%;
 height: px;
 box-sizing: border-box;
 background: #aaa;
 border-left: solid px currentColor;
 position: absolute;
 bottom: 0;
 left: 0;
 }