diff options
1 files changed, 7 insertions, 2 deletions
| -rw-r--r-- | docs/elements/code.html | 9 |
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 <code> element. - For multiline code snippet blocks, you can use <pre> with the <code>code</code> class as a container, and add <code> 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"><!-- inline code --></span> +<span class="hljs-tag"><<span class="hljs-name">code</span>></span>code<span class="hljs-tag"></<span class="hljs-name">code</span>></span> +</code></pre> + <p>For inline code, you can use the <code> 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 <pre> with the <code>code</code> class as a container, and add <code> 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"><!-- code snippets --></span> |