<h1 class="deco">ボーダー飾りのタイトル</h1>
.deco {
	position: relative;
  font-size: 20px;
	text-align: center;
}

.deco::before {
	position: absolute;
	bottom: -10px;
	left: 50%;
  transform: translateX(-50%);
	width: 30px;
	height: 1px;
	background: #000;
	content: '';
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.