CodePen Embed - 見出しの左側に線

<h1 class="title">見出しの左側に線</h1>


.title {
  font-size: 2.4rem;
  line-height: 1.4;
  font-weight: bold;
  padding-left: 60px;
  position: relative;
}
.title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6em;
  width: 1em;
  height: 2px;
  background: #9F1800;
}

This Pen is owned by ボヘミアン on CodePen.

See more by @bohe on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.