<h1 class="head5">見出しパターン5</h1>
.head5 {
  position: relative;
  display: inline-block;
  padding: 0 55px;
}

.head5:before, .head5:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 3px;
  background-color: #3F51B5;
}

.head5:before {
  left:0;
}

.head5:after {
  right: 0;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.