- Ordered list item one.
- Ordered list item two.
- Ordered list item three.
- Ordered list item four.
-
By the way, WordPress does not let you create nested lists through the visual editor.
- But by using the raw content editor it’s possible for us to insert a nested list
- Item 2
- Item 3
-
By the way, WordPress does not let you create nested lists through the visual editor.
- But by using the raw content editor it’s possible for us to insert a nested list
- Item 2
- Item 3
- Nest ol list
- Nest ol list item 2
- Unordered list item one. This is a link in a list
- Unordered list item two. This item has lots of content to make sure that when we go around and around the bend we still look like a list with a list icon on the left and content bounded on the right.
- Unordered list item three. It also has some strong and emphasised text inside of it
- Unordered list item four.
With a h1 just to see how it looks
- By the way, WordPress does not let you create nested lists through the visual editor.
- But by using the raw content editor it’s possible for us to insert a nested list
- Item 2
- Item 3
- By the way, WordPress does not let you create nested lists through the visual editor.
- But by using the raw content editor it’s possible for us to insert a nested list
- Item 2
- Item 3
Currently WordPress blockquotes are just wrapped in blockquote tags and have no clear way for the user to define a source. Maybe one day they’ll be more semantic (and easier to style) like the version below.
HTML5 comes to our rescue with the footer element, allowing us to add semantically separate information about the quote.
Level One Heading
Level Two Heading
Level Three Heading
Level Four Heading
Level Five Heading
Level Six Heading
This is a standard paragraph created using the WordPress TinyMCE text editor. It has a strong tag, an em tag and a strikethrough which is actually just the del element. There are a few more inline elements which are not in the WordPress admin but we should check for incase your users get busy with the copy and paste. These include citations, abbr, bits of code
and variables, inline quotations
, inserted text, text that is no longer accurate or something so important you might want to mark it. We can also style subscript and superscript characters like C02, here is our 2nd example. If they are feeling non-semantic they might even use bold, italic, big or small elements too. Incidentally, these HTML4.01 tags have been given new life and semantic meaning in HTML5, you may be interested in reading this article by Harry Roberts which gives a nice excuse to test a link. It is also worth noting in the “kitchen sink” view you can also add underline styling and set text color with pesky inline CSS.
Additionally, WordPress also sets text alignment with inline styles, like this left aligned paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.
This is a right aligned paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.
This is a justified paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.
Finally, you also have the option of an indented paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.
And last, and by no means least, users can also apply the Address
tag to text like this:
…so there you have it, all our text elements
Company | Contact | Country |
---|---|---|
Alfreds Futterkiste | Maria Anders | Germany |
Centro comercial Moctezuma | Francisco Chang | Mexico |
Ernst Handel | Roland Mendel | Austria |
Island Trading | Helen Bennett | UK |
Laughing Bacchus Winecellars | Yoshi Tannamuri | Canada |
Magazzini Alimentari Riuniti | Giovanni Rovelli | Italy |