Simple Text

This page shows some simple text. It contains a <main> tag which itself contains one <section> tag and not much more. We've added a <footer> too, just to show you how that would work. The main content could be something generated from Markdown, Textile, or any other lightweight markup language, or just plain hand written HTML.

We try and space out each section so you don't have to worry about vertical spacing. The same with lists, pre, code, and other block-level elements so that they all just fit together nicely without you having to tinker. All you need to do is put the pagecss class on your body and that's it. This page also has the .container class on the main tag to narrow and center the content.

Body Text

Here are the marked (<mark>), ~~deleted~~ (<del>), ~~strikethrough~~ (<s>), inserted (<ins>), underlined (<u>), bold (<strong>), italics (<em>), kbd (<kbd>), and small<small>)> text styles.

Tables

Rank	Building	City	Country	Height (ft)	Height (m)	Floors	Built
1	Burj Khalifa	Dubai	United Arab Emirates	2,717 ft	828 m	163	2010
2	Shanghai Tower	Shanghai	China	2,073 ft	632 m	128	2015
3	Abraj Al-Bait Clock Tower	Mecca	Saudi Arabia	1,971 ft	601 m	120	2012
4	Ping An Finance Centre	Shenzhen	China	1,965 ft	599 m	115	2016
5	Lotte World Tower	Seoul	South Korea	1,819 ft	554.5 m	123	2016
6	One World Trade Center	New York City	United States	1,776 ft	541.3 m	104	2014
7	CTF Finance Centre	Guangzhou	China	1,739 ft	530 m	111	2016
8	Taipei 101	Taipei	Taiwan	1,667 ft	508 m	101	2004
9	Shanghai World Financial Center	Shanghai	China	1,614 ft	492 m	101	2008
10	International Commerce Centre	Hong Kong	China	1,588 ft	484 m	118	2010

Lists

PageCSS can do unordered lists, ordered lists, definition lists, and ??? nicely as standard. Here is a list of legumes on Wikipedia:

And this is the top-three list of Men's Long Jump atheletes of all time:

Mike Powell
Bob Beamon
Carl Lewis

(Ends)