CSSのみでノートのような罫線を実装する

.text {
	padding-right: 1.5em;
	padding-left: 1.5em;
	line-height: 3em;
	background-image: linear-gradient(transparent 0, transparent 97%, #ddd 100%);
	background-size: 100% 3em;
}

background-image: linear-gradientで罫線を実装します。transparent 0, transparent 97%で1行の上（0%）から97％までを透明に指定。それ以降（100%まで）を#ddd 100%でグレーに指定しています。

線の色はここで変更することができます。line-heightとbackground-sizeの縦幅は同じサイズを指定することで、罫線が等間隔に表示させることができます。