How to add under highlight to text in css

Issue #701

Use mark. This does not work for multiline

<p>
    <mark css={css`
        display: inline-block;
        line-height: 0em;
        padding-bottom: 0.5em;
        `}>{feature.title}
    </mark>
</p>

Another way is to use background

.highlight {
  background: linear-gradient(180deg,rgba(255,255,255,0) 50%, #FFD0AE 50%);
}

Read more

• https://beatrizcaraballo.com/blog/low-highlight-heading-links-squarespace
• https://stackoverflow.com/questions/43683187/how-can-i-create-custom-underline-or-highlight-for-text-in-html-or-css
• https://medium.com/@codingdudecom/highlight-text-css-97331a5b71b5

---

Updated at 2020-11-20 05:23:59