<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: '';
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.