見出しジェネレーター

HTML

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

CSS

h2 {
 display: flex;
 align-items: center;
 text-align: center;
 font-size: px;
 font-weight: ;
 padding: em 0 em;
 gap: px;
 }
h2:before,
h2:after {
  content: "";
  display: block;
  flex: 1;
  min-width: 50px;
  height: 2px;
  background: #000;
 }