Whoever Said Print is Dead, Is Dead Wrong

Fusce a quam. Mauris sollicitudin fermentum libero. Cras non dolor. In consectetuer turpis ut velit. Ut leo. In ac felis quis tortor malesuada pretium. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. Pellentesque posuere.

Paragraphs

This is a standard paragraph created using the WordPress editor. It has a strong tag, an em tag and a strikethrough which is actually just the del element. There are a few inline elements not available in the WordPress admin but we style those too, just in case you want to use them. These include citations, abbr, bits of code and variables, inline quotations, inserted text, text that is no longer accurate or something so important you might want to mark it. We can also style subscript and superscript so you can say things like C8H10N402 is my 2nd favourite chemical.

If you are feeling non-semantic you might even use bold, italic, big or small elements. Incidentally, these HTML4.01 tags have been given new life and semantic meaning in HTML5, you may be interested in reading this article by Harry Roberts which gives us a nice excuse to test a link. It is also worth noting in the “kitchen sink” view you can also add underline styling and set text color with pesky inline CSS.

“This stylesheet is going to help so much. Users can take full advantage of all the HTML elements. Imagine that!”

Aenean tellus metus, bibendum sed, posuere ac, mattis non, nunc. Morbi ac felis. In ac felis quis tortor malesuada pretium. Vestibulum eu odio. Cras risus ipsum, faucibus ut, ullamcorper id, varius ac, leo.


Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

List Types

Pellentesque dapibus hendrerit tortor. Cras varius. Fusce fermentum. Phasellus blandit leo ut odio. Duis lobortis massa imperdiet quam.

Definition List

Definition List Term 1
And here’s the definition. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Definition List Item 2
And here’s the definition. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Definition List Item 3
And here’s the definition. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Etiam sollicitudin, ipsum eu pulvinar rutrum, tellus ipsum laoreet sapien, quis venenatis ante odio sit amet eros. Vivamus quis mi. Donec elit libero, sodales nec, volutpat a, suscipit non, turpis. Nunc sed turpis. Cras risus ipsum, faucibus ut, ullamcorper id, varius ac, leo.

Unordered List

  • Ut a nisl id
  • Vestibulum volutpat pretium libero
  • Sed augue ipsum egestas
    • Ut tincidunt tincidunt erat. Etiam feugiat lorem non metus.
    • Vestibulum rutrum, mi nec elementum vehicula, eros quam gravida nisl, id fringilla neque ante vel mi.
    • Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. Phasellus tempus.
      • Donec mi odio, faucibus at, scelerisque quis, convallis in, nisi.
      • Suspendisse faucibus, nunc et pellentesque egestas, lacus ante convallis tellus, vitae iaculis lacus elit id tortor.
      • Cras id dui. Donec sodales sagittis magna.
      • Sed a libero.Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla.
  • Nam pretium turpis et arcu.

Etiam ultricies nisi vel augue. Sed aliquam ultrices mauris. Cras risus ipsum, faucibus ut, ullamcorper id, varius ac, leo. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum.

Ordered List

  1. Vivamus elementum semper nisi<  quam. Phasellus volutpat, metus eget egestas mollis.
    1. Phasellus a est. Nam adipiscing.
    2. Aenean imperdiet. Donec id justo.
      1. Nullam accumsan lorem in dui.
      2. Vestibulum volutpat pretium libero. Proin faucibus arcu quis ante.
      3. Nam adipiscing. Ut leo.
    3. Nulla sit amet est.
  2. Fusce a quam.
  3. Phasellus volutpat, metus eget egestas mollis, lacus lacus blandit dui.
  4. Pid egestas quam mauris ut lacus. Curabitur nisi.

Etiam ultricies nisi vel augue. Sed aliquam ultrices mauris. Cras risus ipsum, faucibus ut, ullamcorper id, varius ac, leo. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum.

Miscellaneous

Lorem superscript ipsum dolor subscript sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. I went to an NBA game and they played Sgt. Pepper’s Lonely Hearts Club Band. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

Preformatted

h1:after {
    content: "Hello world!";
    position: absolute;
    left: 10px;
    top: 10px;
    color: rgba (255,0,0,0.5);
}

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *