CSS Demonstration Sub
This should have all the formatting that you are able to use in a post so you can see how it looks and what is available.
Heading One
Heading Two
Heading Three
Heading Four
Heading Five
Heading Six
This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap.
Heading One
This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap.
Heading Two
This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap.
Heading Three
This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap.
Heading Four
This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap.
Heading Five
This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap.
Heading Six
This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap.
Lists
This is an unordered list:
- First item
- Second item
- Third item
- Fourth item
- Fifth item
This is an ordered list:
- First item
- Second item
- Third item
- Fourth item
- Fifth item
This is pre formatted:
Start in column one. Then indent to column ten. Then back five spaces.
-
Definition List
- Definition List Title
- This is a definition list division.
- Another definition list title
This is the definition. This is the definition.This is the definition.This is the definition.This is the definition.This is the definition.This is the definition.This is the definition.This is the definition.This is the definition.This is the definition. Tables
Division 1 | Division 2 | Division 3 |
Division 1 | Division 2 | Division 3 |
Division 1 | Division 2 | Division 3 |
General font tests
Lorem
superscript dolor subscript amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. cite. Nunc iaculis underline underline suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent bold bold bold bold mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. NBA Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Italics italics italics italics Morbi imperdiet augue quis tellus. AVE
Lorem ipsum dolor sit amet, typewriter adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. 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. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. NBA Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. AVE
Blockquote
'As I have gotten more certain about my uncertainty I have decided to use my ignorance to fend off the charging rhino.' -Dead
Horizontal Rule
Testing
superscript
Testing
Subscript
Tables
Table Header 1 | Table Header 2 | Table Header 3 |
---|---|---|
Division 1 | Division 2 | Division 3 |
Division 1 | Division 2 | Division 3 |
Division 1 | Division 2 | Division 3 |
Color Test. Use HTML mode and select font. It goes away if you try and edit it again though...
Not Registered Yet? No problem.
Do you want Strolenati super powers? Registering. That's how you get super powers! These are just a couple powers you receive with more to come as you participate.
- Upvote and give XP to encourage useful comments.
- Work on submissions in private or flag them for assistance.
- Earn XP and gain levels that give you more site abilities (super powers).
- You should register. All your friends are doing it!
? Responses (14)
Going to be fine tuning this to make it a little more useful. I think we can get much more organized and useful with some of this!
Excellent! I've been wanting to use headings instead of just bolded text to break my subs into sections.
It is a wiki so feel free to mess around with it a little bit and put up some other demonstrations. If you want something changed, just let me know. Figure this would be a decent start. Much better than the old anyway.
Awesomesauce. Makes me want to go back and reformat all my past subs to make them organized.
You using Artisteer, Strolen? :)
Oh dear. Cursory glance. Is this going to spur a redesign?
Ah, now I get it. No...I grabbed a few css demo templates off some random sites and mixed those. But now that I recognize the blockquote...makes perfect sense to me. No, haven't used it...probably should have, but didn't. :)
Me likey!
Suggestion / personal preference: make all headers bold, not just the top-level.
Bold, got it!
Oh wow, I've never seen this before. How perfectly helpful!!
Could we get a demonstration of different colors, links to various places, and unicode?
A useful resource.
Thank you!