マーカー

HTML

<p class="p-text-marker">1行のテキスト</p>

<p>
<span class="p-text-marker">2行のテキスト</span>
<br>
<span class="p-text-marker">2行のテキスト</span>
</p>

.p-text-marker {
  display: inline-block;
  padding-inline: 1rem;
  background: linear-gradient(transparent 60%, #FFF773 60%);
}