From: Sarah White <graphitefriction@gmail.com>
Date: Thu, 5 Apr 2018 19:27:01 +0000 (-0600)
Subject: add highlight inline text styles section
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=2b32811b2c34a6b26c31d29b3d4b7b74dfdc0601;p=eg-antora.git

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
--- 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.