Code

Inline code

Inline code wraps with the text. Each wrapped line keeps its own padding and corners.

Code block

Put code inside pre for a block that keeps line breaks and scrolls sideways.

:root {
  --i-color-primary: #7c3aed;
}

Keyboard

Nest kbd elements for a key combination. The outer one stays plain.

Sample and variable

samp shows program output. var names a variable and keeps the text font.

Light

Code is dark in both themes. .light switches it to light colors.

<html data-theme="dark">

Rounded and square

Variables