Code

Code

Introduction

Code blocks are rendered with a monospace font, dedicated margins and a lateral bar to better encase them. The lateral bar changes color on code hover.

Special tag kbd is to be used for inline code, and it renders with the same font as code blocks.

Usage

• Code blocks

  code and sample tags are used to show code blocks. They are rendered the same way, as described above. White space is treated like in pre tags with line wraps to avoid overflow (in css terms, white-sapce: pre-wrap;).

  Example

  <code>
    Code
  </code>

  Example

  <sample>
    Code
  </sample>

• Inline code

  Inline code is rendered through the use of kbd tag.

  Example

  <p>This paragraph shows some <kbd>inline code</kbd></p>

Live examples

Live examples