From b777a03857cba6322929e3f11a4bb14d0338d160 Mon Sep 17 00:00:00 2001
From: Yan Zhu <picturepan2@hotmail.com>
Date: Wed, 14 Nov 2018 14:43:30 +0800
Subject: Update Docs examples

---
 docs/elements/code.html | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

(limited to 'docs/elements/code.html')

diff --git a/docs/elements/code.html b/docs/elements/code.html
index 40988a3..fe9ec24 100644
--- a/docs/elements/code.html
+++ b/docs/elements/code.html
@@ -202,8 +202,13 @@
               </div>
             </div>
             <p>Code is used for styling inline and multiline code snippets.</p>
-            <p>For inline code, you can use the &lt;code&gt; element. 
-              For multiline code snippet blocks, you can use &lt;pre&gt; with the <code>code</code> class as a container, and add &lt;code&gt; inside it.
+            <h4 class="s-subtitle" id="code-inline">Inline code<a class="anchor" href="#code-inline" aria-hidden="true">#</a></h4>
+            <pre class="code" data-lang="HTML"><code><span class="hljs-comment">&lt;!-- inline code --&gt;</span>
+<span class="hljs-tag">&lt;<span class="hljs-name">code</span>&gt;</span>code<span class="hljs-tag">&lt;/<span class="hljs-name">code</span>&gt;</span>
+</code></pre>
+            <p>For inline code, you can use the &lt;code&gt; element. </p>
+            <h4 class="s-subtitle" id="code-snippet">Code snippet<a class="anchor" href="#code-snippet" aria-hidden="true">#</a></h4>
+            <p>For multiline code snippet blocks, you can use &lt;pre&gt; with the <code>code</code> class as a container, and add &lt;code&gt; inside it.
               The <code>data-lang</code> attribute is rendered as the language name in the top right.
             </p>
             <pre class="code" data-lang="HTML"><code><span class="hljs-comment">&lt;!-- code snippets --&gt;</span>
-- 
cgit v1.3.1-23-gd82d