A simple inline code snippet var foo = "bar"; like this.

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog the quick brown fox jumps over the lazy dog the quick brown fox jumps over the lazy dog the quick brown fox jumps over the lazy dog

• The quick brown fox jumps over the lazy dog

A simple code block.

var foo = "bar";

A code block with syntax declaration.

var foo = "bar";

A long code block.

Long, single-line code blocks should not wrap. They should horizontally scroll if they are too long. This line should be long enough to demonstrate this.

var foo = "The same thing is true for code with syntax highlighting. A single line of code should horizontally scroll if it is really long.";

GitHub code block with handlebars syntax attribute.

<Hds::Button @text="Hello world!" {{on "click" this.noop }} />

GitHub code block with handlebars + data-execute=false attributes.

<Hds::Button @text="Hello world!" {{on "click" this.noop }} />