Skip to content

Text Sample

This is h2, automagically run as a subtitle

Important Note Treatment

This style was developed for very important content that appears at the top of an FAQ page or Troubleshooting information. I built it for the "If Acrobat Reader is making trouble, try Adobe's support" advice at the top of Study Materials FAQs, and it really ought to be reserved for that kind of "stop and read this before you read anything else" information. View Source to see how it's put together, or (better yet) talk to me about where you're hoping to use it, and I'll help you set it up.

This is h3

This is p, the basic paragraph style. If I don't specify the style of a bit of text on this page, it's probably a paragraph. There are a lot of them here, to show how they interact with each of the lists, headings, and other elements.

This is h4

This is p, the basic paragraph style. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

This is h5

This is p, the basic paragraph style. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

This is h6

This is p, the basic paragraph style. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

This is a blockquote. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nisi ut aliquid ex ea commodi consequatur?

This is p, the basic paragraph style. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

"smaller" class. This is p, the basic paragraph style. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

"smalltext" class. This is p, the basic paragraph style. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

"smallest" class. This is p, the basic paragraph style. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

 
 
Definition Term
Definition of the term
Definition Term
Definition of the term
Definition Term
Definition of the term

This is a horizontal rule:


This is a horizontal rule with the tabseparator class assigned:


  • Unordered list example
  • List item 2
  • List item 3
  1. Ordered list example
  2. There are ways to change the kind of numbering
  3. List item 3

This is h3

  • List item 1
  • List item 2

This is h4

  • List item 1
  • List item 2
This is h5
  • List item 1
  • List item 2
This is h6
  • List item 1
  • List item 2

Tables

If you need to style a table, visit the Tables page for a labelled example, or some existing tables to copypaste...

A few more things:

Example of the "cite" tag: Citation format is pretty much italic, but you can use CSS on it to get fancy on the web, and it's important for search engines.

This is an address.
LOMA
2300 Windy Ridge Pkwy
Suite 600
Atlanta, GA 30082
This marks code as code so browsers don't try to render it.

What the heck is inserted text? Inserted text. Oh. Looks like it gets underlined.

Described as short inline quotation, and pretty much just sticks quotation marks around it.

Another test sequence, courtesy of the HTML Element Sampler:

This sentence contains a link to W3C, which you have probably visited. This sentence contains a link to someplace else. This is an offsite link. In the beginning was the word. And the word wrapped. I'll be looking soon for opportunities to style this text. In the meantime it will do merely to occupy space.

This sentence contains an emphasized phrase. This sentence contains a strongly emphasized phrase. This sentence contains a strongly emphasized bit within an emphasized phraseThis sentence has the class "warning".

This is big.This is small.This is SAMP.This is sub.This is sup.This is S.This is strike.This is tt.This is U.This is cite.This is INSThis is DELThis is ABBR. This sentence contains an acronym: Nato.

Complex nested lists

Ektron does a funny thing with nested lists—it adds a line space after the last item in the nest. It's possible to fine-tune it by adding inline styles, but inline styles are not best practice. If at all possible, rewrite the copy to avoid nested lists. (They can be kind of hard to follow anyway.)

  1. this is an ordered list item. It's just something I threw together. In the beginning was the word. And the word wrapped. I'll be looking soon for opportunities to style this text. In the meantime it will do merely to occupy space.
  2. this is another ordered list item
    • This is an unordered list within an ordered one.
    • This is another unordered list item.
      1. Just to be mean, here's another ordered list — inside the unordered list.
      2. ...and another list item, to fill space.
    • This is a third item in that unordered list.
    • This is a fourth.
  3. This is item 3 in the initial ordered list.
  4. This is item 4.

This is a div preceded by a horizontal rule, which might be hidden. I'll be looking soon for opportunities to style this text. In the meantime it will do merely to occupy space.

This is a paragraph within a div. I'll be looking soon for opportunities to style this text. In the meantime it will do merely to occupy space.

This Is h1 but with Enough Text to Force a Wrap I Hope I Hope


 
 
 

Did you accomplish the goal of your visit to our site?

Yes No