テキスト下に蛍光色ラインマーカーをCSSで作る（改行対応）

改行されているテキストにも対応できるCSSによるラインマーカーの作成。

以下、コード。

HTML

<p>
  テキストテキストテキストテキストテキスト<br />
  <span class="line-marker">テキストテキストテキストテキストテキスト<br />
    テキストテキスト</span>テキストテキストテキスト<br />
  テキストテキストテキストテキストテキスト
</p>

CSS

.line-marker {
	background: linear-gradient(transparent 70%, #FDDEB3 0%);
	display: inline;
	padding: 0 2px 4px;
}