Husk

Just enough CSS

Elements

Text

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ullamcorper ex orci, a rhoncus arcu bibendum at. Proin euismod ligula eget accumsan. Sed egestas libero leo, non blandit nisl placerat id. Pellentesque eget auctor ante. Fusce nec leo CSS, porta leo in, dignissim purus. Etiam justo risus, congue vel mauris id, accumsan imperdiet quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut ac porta erat, vel sem.


Blockquotes

Words can be like X-rays, if you use them properly—they’ll go through anything. You read and you’re pierced.

—Aldous Huxley, Brave New World

Lists

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item 1
  • Item 2
  • Item 3

Definition list

Beast of Bodmin
A large feline inhabiting Bodmin Moor.
Morgawr
A sea serpent.
Owlman
A giant owl-like creature.

Tables

Table Caption
Heading 1 Heading 2 Heading 3 Heading 4 Heading 5
Footer 1 Footer 2 Footer 3 Footer 4 Footer 5
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5

Code

Keyboard input: Ctrl-F4

Sample output: This is sample output from a computer program

Inline code: <div>code</div>

P R E F O R M A T T E D T E X T
! " # $ % & ' ( ) * + , - . /
0 1 2 3 4 5 6 7 8 9 : ; < = > ?
@ A B C D E F G H I J K L M N O
P Q R S T U V W X Y Z [ \ ] ^ _
` a b c d e f g h i j k l m n o
p q r s t u v w x y z { | } ~ 

Inline elements

This is a text link

Strong is used to indicate strong importance!

This text has added emphasis.

The Bring Attention To element (b) is used to draw the reader's attention to the element's contents, which are not otherwise granted special importance.

The Idiomatic Text element (i) represents a range of text that is set off from the normal text for some reason, such as idiomatic text, technical terms, taxonomical designations, among others.

The Unarticulated Annotation element (u) represents a span of inline text which should be rendered in a way that indicates that it has a non-textual annotation.

This text is deleted and This text is inserted

This text has a strikethrough

Superscript ®

Subscript C8H10N4O2

This small text is small for for fine print, etc

Abbreviation: HTML

This text is a short inline quotation

This is a citation

The dfn element indicates a definition

The mark element indicates a highlight

The variable element, such as x = y

The time element:



Details

Some details

More info about the details.

Even more details

Here are even more details about the details.


Embedded content

Images

img

Photo of Glencoe Valley, Scotland

Figure

Photo of Glencoe Valley, Scotland
Glencoe Valley, Scotland

Audio


Video


Canvas

canvas

Meter

2 out of 10

Progress

70%

Inline SVG


IFrame


Form elements

Form example

Input fields


Select menus


Checkboxes


Radio buttons


Textareas


HTML5 inputs


Buttons