add highlight inline text styles section

diff --git a/docs/modules/ROOT/pages/inline-text-styles.adoc b/docs/modules/ROOT/pages/inline-text-styles.adoc
index f6a8cc4..e950ad4 100644 (file)
--- a/docs/modules/ROOT/pages/inline-text-styles.adoc
+++ b/docs/modules/ROOT/pages/inline-text-styles.adoc
@@ -46,3 +46,16 @@ Consequentially, how xref:antora:asciidoc:monospace.adoc[inline monospace text]
 ----
 
 In the default UI, the `code` element, specified in [.path]_css/base.css_, uses a fixed-width font which is loaded by a corresponding typeface stylesheet.
+
+[#highlight]
+== Highlighted text
+
+How xref:antora:asciidoc:highlight.adoc[highlighted text] appears on your site depends on the CSS styles applied to the `<mark>` HTML tag.
+
+[source,html]
+----
+<p>Let&#8217;s <mark>highlight this phrase</mark>.</p>
+----
+
+Since `<mark>` is a semantic HTML element, it automatically inherits default styling, such as `background-color`, from the browser.
+If you want to override the browser styles, you'll need to add the `mark` element and its new properties to the document content stylesheet.