Styling

Tables

Tables are elements used to present tabular data, much like the one you would see in a spreadsheet. They are basically a series of columns and rows.

A table contains three sections: thead (header), tfoot (footer) and tbody (body), that should be marked up in that order. You can also use the caption tag, for better accessibility.

Fun times at the movies
Movie Title Release Date Rating
Ratings provided by Rotten Tomatoes
Mad Max: Fury Road May 14, 2015 97%
Star Wars: Episode VII – The Force Awakens December 16, 2015 93%
Deadpool February 10, 2016 83%

Code

The code tag is useful for websites who intend to share computer code snippets. When wrapped by the pre tag, a larger block of code can be displayed.

@media only screen and ( min-width: 768px ) and ( max-width: 1024px ) {
	.hentry {
		padding: 25px 25px 0;
		font: 16px/1.75 "Helvetica", Arial, sans-serif;
		background: #FFFFFF;
		color: #444444;
	}
}

Formatting

Formatting elements were designed to display special types of text, using tags such as strong (bold), em (italic), mark (marked), small (small), del (deleted), ins (inserted), sub (subscript), sup (superscript), abbr (abbreviation).

Here’s an example of how the theme styles all these elements:

I read on Wikipedia that you should always add the sulfurous sulfuric acid (H2SO4) to the water, rather than adding the water to the acid. Better yet, you should never mess with anything that has the word acid in its name, unless you’re working for NASA or something[1].

[1] This is some dummy text I made up and it should be treated as such.