<h2>見出しのサンプル</h2>
<br>
文字の両端に線を入れた見出しです。
h2 {
  position: relative;
  display: inline-block;
  padding: 0 70px;
  text-align: center;
}
h2::before, h2::after{
  content: '';
  position: absolute;
  top: 50%;
  width: 50px;
  height: 1px;
  background-color: #000000;
  clear: left;
}
 
h2::before {left:0;}
h2::after {right: 0;}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.