<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;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.