--- categories: [Widgets] layout: page title: Code resource: true url-js-extra: '!URL_COMPONENTS!google-code-prettify/bin/prettify.min.js' ---

## Inline

For example, `<section>` should be wrapped as inline.

## User input

To switch directories, type `cd` followed by the name of the directory.
To edit settings, press ``ctrl` + `,``

## Basic block

    <p class="my-class">Sample text here...</p>

## Variables

y = mx + b

## Sample output

`This text is meant to be treated as sample output from a computer program.`

## Syntax highlighting with google-code-prettify

### Basic block

    <p class="my-class">Sample text here...</p>

### Larger block with line numbers

    <!doctype html>
    <html lang="en">
    <head>
      <meta charset="utf-8">
      <title></title>
      <link rel="stylesheet" href="css/style.css">
    </head>
    <body>
      <header></header>
      <div role="main"></div>
      <footer></footer>
      <script src="js/script.js"></script>
    </body>
    </html>