Inline code
Wrap inline snippets of code with <code>
. Be sure to escape HTML angle brackets.

For example, <code><section></code> should be wrapped as inline.
Code blocks
Use <pre>
s for multiple lines of code. Once again, be sure to escape any angle brackets in the code for proper rendering.

<pre class="pre">
<p>Sample text here...</p>
<p>And another line of sample text here...</p>
</pre>
Variables
For indicating variables use the <var>
tag.

<var>y</var> = <var>y</var> + <var>x</var>
User input

<p>
To switch directories, type
<kbd class="rounded bg-dark-200 py-0.5 px-1 text-sm text-white dark:bg-dark-300 dark:text-heading">cd</kbd> followed by the name of
the directory.
</p>
<p>
To edit settings, press
<kbd class="rounded bg-dark-200 py-0.5 px-1 text-sm text-white dark:bg-dark-300 dark:text-heading">ctrl + ,</kbd>
</p>