Playground

Core HTML concepts. On and off feature for CSS and JS to show which each layer.

1. Core HTML Elements

Headings

Heading level 1

Heading level 2

Heading level 3

Text & Inline elements

This is a paragraph. You can make text strong, emphasized, highlighted, or inline code.

Lists

  1. Ordered list item
  2. Second item

Links & Buttons (native)

External link (MDN)

2. Simple Flexbox layout

Card 1
Card 2
Card 3
class="controls">

3. Layer Controls (CSS)

Click the button below to turn the stylesheet on and off.

CSS is currently ON