線を引く　HTML

ソース

<style type="text/css">
.border-top-line {
    position: relative;
	
	/*1本だけ線を引く*/
	/* 参考　https://www.nishishi.com/css/line-border-hr.html */
	margin-top: 20px;       /* 上線の外側の余白*/
	border-top: 1px solid gray; /* 太さ 線種　色 */
}
</style>

<p class="border-top-line">文字の上に線を引く</p>
<p class="border-top-line"></p>

表示

文字の上に線を引く