How to add under highlight to text in css

Issue #701

Use mark. This does not work for multiline

1
2
3
4
5
6
7
8
<p>
<mark css={css`
display: inline-block;
line-height: 0em;
padding-bottom: 0.5em;
`}>{feature.title}
</mark>
</p>

Another way is to use background

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

Read more

Comments