General Content HTML
Create neatly formatted general content pages within the editor using simple HTML markup.
Overview
The following page provides simple HTML markup that can be used to create neatly formatted general content pages. Please refer to the PDF guide for the HTML code samples and further instructions.
Headings
Example headings
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Paragraphs
Example paragraph
This is some text in a paragraph.
Example lead paragraph
This is some text in a lead paragraph.
Hyperlinks
Example hyperlink
Lists
Example default unordered list including nested example.
- Item 1
- Item 1
- Item 2
- Item 2
- Item 3
- Item 4
Example unordered lists with style referenced as square.
- Item 1
- Item 1
- Item 2
- Item 2
- Item 3
- Item 4
Example default ordered list including nested example.
- Item 1
- Item 1
- Item 2
- Item 2
- Item 3
- Item 4
Example ordered lists with type referenced as uppercase letters.
- Item 1
- Item 1
- Item 2
- Item 2
- Item 3
- Item 4
Blockquotes
Example blockquote.
Content here
Example centred on the page.
Content here
Example left aligned on the page.
Content here
Example right aligned on the page.
Content here
Example with name and title/company name.
Content here
Example defining the title of a work.
Content here
Images
Example image.
Example image centred on the page.
Example image floated left on the page.
Example image floated right on the page.
Figures (Image with caption)
Example figure including image and figure caption.
Example figure centred on the page.
Example figure floated left on the page.
Example figure floated right on the page.
Tables
Example table.
| Header | Header | Header |
|---|---|---|
| Content | Content | Content |
| Content | Content | Content |
Example full width table.
| Header | Header | Header |
|---|---|---|
| Content | Content | Content |
| Content | Content | Content |
Example responsive table.
| Header | Header | Header | Header | Header | Header | Header | Header | Header |
|---|---|---|---|---|---|---|---|---|
| Content | Content | Content | Content | Content | Content | Content | Content | Content |
| Content | Content | Content | Content | Content | Content | Content | Content | Content |
| Content | Content | Content | Content | Content | Content | Content | Content | Content |
Grids
Example 2 column layout.
Example 3 column layout.
Example 4 column layout.
Example 2 column (extra small and small devices) and 4 columns (medium and up) layout.
Accordions
Example accordion.
Collapsible Group Item #1
Nullam id dolor id nibh ultricies vehicula ut id elit. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nullam id dolor id nibh ultricies vehicula ut id elit. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Collapsible Group Item #2
Nullam id dolor id nibh ultricies vehicula ut id elit. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nullam id dolor id nibh ultricies vehicula ut id elit. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Collapsible Group Item #3
Nullam id dolor id nibh ultricies vehicula ut id elit. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nullam id dolor id nibh ultricies vehicula ut id elit. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Helpers
Example constrained content area.
This content block will display at a max width of 950px.
Example image circle.
Example centred text.
This is some text centred in a paragraph.