Header <h1>
Header <h2>
Header <h3>
Header <h4>
Header <h5>
Header <h6>
Normal text.
Bold text.
Italic text.
Bold italic text.
Text hyperlink.
Image hyperlink:
Unordered list:
- List item 1
- List item 2
- List item 3
- List item 4
Ordered list:
- List item 1
- List item 2
- List item 3
- List item 4
Abbreviation: etc. (doesn't work in IE 6)
Acronym: W3C
Checkbox
Radio button
CSS classes:
.underline
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
.box
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
.quote
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
.left_line
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
.bottom_line
This looks good above something else. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
.zebra
This class contains just this background, so you can apply it to different elements or combine it with other classes like:
With .left_line.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
With .box.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Or with a header.
.float_left (always apply .clear to the element that's after this class)
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus nulla ipsum, rutrum scelerisque, imperdiet sit amet, malesuada ultrices, mi. Phasellus id pede. Vivamus dapibus, sapien vel venenatis eleifend, pede lacus mattis elis, sed sollicitudin nisi nulla non velit. Duis placerat faucibus quam. Quisque et odio. Cras arcu. Integer scelerisque ligula non justo. Vivamus nulla ipsum, rutrum scelerisque, imperdiet sit amet, malesuada ultrices, mi. Phasellus id pede. Vivamus dapibus, sapien vel venenatis eleifend, pede lacus mattis felis, sed sollicitudin nisi nulla non velit.
.float_right (always apply .clear to the element that's after this class)Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus nulla ipsum, rutrum scelerisque, imperdiet sit amet, malesuada ultrices, mi. Phasellus id pede. Vivamus dapibus, sapien vel venenatis eleifend, pede lacus mattis elis, sed sollicitudin nisi nulla non velit. Duis placerat faucibus quam. Quisque et odio. Cras arcu. Integer scelerisque ligula non justo. Vivamus nulla ipsum, rutrum scelerisque, imperdiet sit amet, malesuada ultrices, mi. Phasellus id pede. Vivamus dapibus, sapien vel venenatis eleifend, pede lacus mattis felis, sed sollicitudin nisi nulla non velit. Duis placerat faucibus quam. Quisque et odio. Phasellus id pede. Vivamus dapibus, sapien vel venenatis eleifend, pede lacus mattis elis, sed sollicitudin nisi nulla non velit. Duis placerat faucibus quam. Quisque et odio. Integer scelerisque ligula non justo.
input.styled