Text can be bold, italic, or strikethrough. Links should be blue with no underlines (unless hovered over).
There should be whitespace between paragraphs. There should be whitespace between paragraphs. There should be whitespace between paragraphs. There should be whitespace between paragraphs.
There should be whitespace between paragraphs. There should be whitespace between paragraphs. There should be whitespace between paragraphs. There should be whitespace between paragraphs.
There should be no margin above this first sentence. Blockquotes should be a lighter gray with a gray border along the left side. There should be no margin below this final sentence.
This is a standard paragraph designed for testing purposes. Sample text flows here to simulate real content. Widgets, gadgets, and tools align perfectly with lorem bits and placeholder pieces. Testing the rhythm of prose, we sprinkle in arbitrary nouns like keyboard, coffee mug, and paperclip. The goal is simple: evaluate formatting without getting too distracted by meaning.
This is a blockquote following a header. Sample text flows here to simulate real content. Widgets, gadgets, and tools align perfectly with lorem bits and placeholder pieces. Testing the rhythm of prose, we sprinkle in arbitrary nouns like keyboard, coffee mug, and paperclip. The goal is simple: evaluate formatting without getting too distracted by meaning.
What | Follows |
---|---|
A table | A header |
A table | A header |
A table | A header |
There’s a horizontal rule above and below this.
Here is an unordered list:
And an ordered list:
And an unordered task list:
And a “mixed” task list:
And a nested list:
Definition lists can be used with HTML syntax. Definition terms are bold and italic.
Tables should have bold headings and alternating shaded rows.
Artist | Album | Year |
---|---|---|
David Bowie | Scary Monsters | 1980 |
Prince | Purple Rain | 1982 |
Beastie Boys | License to Ill | 1986 |
Janet Jackson | Rhythm Nation 1814 | 1989 |
If a table is too wide, it should condense down and/or scroll horizontally.
Item | Description | Color | Size | Material | Weight | Price | Rating | Stock | Notes |
---|---|---|---|---|---|---|---|---|---|
Chair | Office chair | Black | Medium | Wood | 12kg | $120 | 4.5 | Yes | Adjustable height |
Table | Dining table | Brown | Large | Wood | 30kg | $450 | 4.7 | Yes | Seats six |
Lamp | Desk lamp | White | Small | Metal | 2kg | $35 | 4.2 | No | LED light included |
Sofa | Living room sofa | Gray | Large | Fabric | 45kg | $780 | 4.8 | Yes | Three seats |
Shelf | Wall shelf | Oak | Medium | Wood | 8kg | $60 | 4.6 | Yes | Easy to install |
Bed | Queen bed frame | Black | Large | Metal | 40kg | $550 | 4.9 | Yes | Mattress not included |
Mirror | Wall mirror | Silver | Medium | Glass | 5kg | $90 | 4.3 | Yes | Comes with mounting kit |
Rug | Area rug | Beige | Large | Wool | 10kg | $300 | 4.4 | No | Hand-woven |
Cabinet | Storage cabinet | White | Medium | Wood | 20kg | $250 | 4.7 | Yes | Multiple compartments |
Fan | Standing fan | Gray | Medium | Plastic | 4kg | $80 | 4.1 | Yes | Adjustable speed settings |
Code snippets like var foo = "bar";
can be shown inline.
Also, this should vertically align
with this
and this
.
Code can also be shown in a block element.
$ a * b = c ^ b $
$ 2^{\frac{n-1}{3}} $
$ \int_a^b f(x)\,dx. $
#include <iostream>
using namespace std;
int main() {
cout << "Hello World!";
return 0;
}
// prints 'Hi, Tom' to STDOUT.
class Person:
def __init__(self, name, age):
self.name = name
self.age = age
p1 = Person("John", 36)
print(p1.name)
print(p1.age)
Inline code inside table cells should still be distinguishable.
Language | Code |
---|---|
JavasScript | var foo = "bar"; |
Ruby | foo = "bar" |
The <samp>
HTML element is used to enclose inline text that represents sample (or quoted) output from a computer program. Here an example of an error message: File not found
.
Small images should be shown at their actual size.
Large images should always scale down and fit in the content container.
Here’s a simple footnote,1 and here’s a longer one.2
This is the final element on the page, and there should be no margin below this.