HTML Formatting

Our goal is to leave the main content area pretty much unstyled except for adding in a bit of padding and applying the theme font family and color.

We don't use CSS resets or a lot of custom styles because standard HTML markup is provides a lot of visual texture out of the box. By taking a light hand with content styling, it gives designers and developers a clean slate to work with instead of fighting against a lot of complex styles.

Default HTML markup styling for content areas


H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading
H1 Heading

This is a paragraph that contains strong, emphasized and linked text. Here is more text so you can see how HTML markup works in content. Here is more text so you can see how HTML markup works in content.

How about some blockquote action with a cite

This is another paragraph of text so you can see how HTML markup works in content. This is another paragraph of text so you can see how HTML markup works in content. This is another paragraph of text so you can see how HTML markup works in content.

We add a few styles to tables and fieldsets to make them more legible but these are easily overridden with customs styles.

Definition term
I'm the definition text
Definition term
I'm the definition text
Travel Itinerary
Flight: From: To:
Total: 3 flights
JetBlue 983 Boston (BOS) New York (JFK)
JetBlue 354 San Francisco (SFO) Los Angeles (LAX)
JetBlue 465 New York (JFK) Portland (PDX)