CSS Preview last modified: 24th-July-2013 This page is designed to display all the various styles that can be employed when editing your documents, and what the expected outcome will be.
h1 & common text styling
Styles such as Strong, Emphasis and link colors on the various elements are shown below as they would appear in your documents. Also shown is an example of the Ordered List, using the ol tag.
Text with info icon
Header 1, in a span and in a Link
Header 2, in a span and in a Link
Header 3, in a span and in a Link
Header 4, in a span and in a Link
Header 5, in a span and in a Link
Header 6, in a span and in a Link
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam sagittis lectus tempor ante. Donec ante. Vivamus viverra libero ac nisi. Aliquam scelerisque felis vel nulla. Proin mollis, diam eu cursus posuere, urna urna eleifend dui, ut eleifend velit ante ac tortor. Donec gravida tristique ipsum. Aenean ultricies mi eget lectus semper3 adipiscing4.
Ordered Lists, numbers should be visible
- Item 1 with a link
- Item 2, displayed with the strong tag
- Item 3, displayed normally
Unordered lists:
Tables complete with caption tag and th styling.
Curabitur lectus. Pellentesque posuere facilisis quam. Nam eget massa sed purus semper pretium. Praesent elementum enim quis leo.
Blockquotes
Phasellus tellus. Ut odio. Aenean eros augue, congue ac, porttitor et, faucibus consequat, lorem. Integer nec nunc at orci fermentum sagittis. Mauris enim urna, laoreet sit amet, facilisis sed, laoreet a, urna. Nam bibendum, velit at pretium eleifend, ligula elit rutrum pede, vitae tristique arcu purus sit amet arcu. Cras in urna. Suspendisse potenti.
Image checks:
logo.png
logo.gif
logoEmail.gif
logoRSS.gif
printLogo.gif
Check favicons
favicon.ico
Apple Touch Icon (iPhone + iPod)
Apple Touch Icon (iPhone + iPod) (Retina Display)
Apple Touch Icon (iPad)
Apple Touch Icon (iPad) (Retina Display)
Forms
This shows an example of a required field, a wide comment box and the submit button.