見出しジェネレーター

HTML

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

CSS

h2 {
 font-size: px;
 font-weight: ;
 padding: em 0 em;
 }
h2 span {
  display: block;
  padding: .8em 20px;
  background: #e7e7e7;
  border-left-style: solid;
  border-left-color: currentColor;
  border-left-width: px;
 }