<p>テキストが入ります</p>
p {
position: relative;
text-align: center;
font-size: 20px;
}
p::after {
border-bottom: 3px dotted pink;
content: "";
position: absolute;
bottom: -15px;
left: 50%;
transform: translateX(-50%);
width: 150px;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.