HTML & CSS reference

<mark>

Text highlighted as if with a marker — for example, matches in search results.

Syntax

<mark>highlighted</mark>

Examples

Highlighting the word that was searched for:

<p>Results for "latte":</p>
<p>Our <mark>latte</mark> comes with oat milk on request.</p>

Change the marker colour in CSS:

<style>
  mark { background: lightgreen; padding: 0 2px; }
</style>
 
<p>Remember to <mark>bring your cup</mark> for a discount.</p>

Notes

<mark> highlights what is relevant in the current context (a search hit, a quoted part), not what is important in general — that is <strong>.

See also

<strong> — Important text; shown in bold by default.
<b>, <i>, <u> — Highlighting without extra importance: `<b>` in bold, `<i>` in italics, `<u>` underlined.

In the tutorial

Text formatting — Inline tags for text — strong and em, mark, del and ins, sub and sup, code, kbd and pre, abbr and q.