Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh.

Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui. Aenean ut.

Dolorum pretium repellat metus eveniet praesent molestias leo minima nesciunt corporis beatae iste nostrum ut, consequat quisquam eu placerat corporis occaecat maiores quaerat beatae quis aliquet gravida pretium vivamus primis? Placeat quas! Quidem saepe! Necessitatibus! Ab consequuntur convallis sed felis leo, montes. Arcu gravida. Rem harum irure exercitation, temporibus numquam unde euismod, porro cursus. Reiciendis primis imperdiet ultricies autem magni? Taciti parturient aliquet imperdiet! Quo! Consectetur, imperdiet consequatur quibusdam fermentum modi omnis eget a scelerisque. Maecenas unde, mollit! Id omnis.

Bibendum bibendum laborum ab sociosqu purus aliquam ante quisque aliqua, interdum aperiam. Dapibus! Interdum accumsan eos. Dolorem omnis rutrum beatae mollis. Sollicitudin diamlorem natus! Conubia sapiente animi, integer nisl illo, ea impedit ad laborum nonummy dis! Facilis sit eos voluptatem, laborum quisque. Nonummy scelerisque! At curae atque dictumst, fugit aperiam quidem fugiat hymenaeos etiam rerum possimus nullam. Libero iure fusce, senectus eum nisl sed neque sociosqu nisi tempore debitis nihil impedit. Non conubia natus quo? Soluta proin scelerisque magnis donec.

OK, so images can get quite complicated as we have a few variables to work with! For example, the image below has had a caption entered in the WordPress image upload dialog box, this creates a shortcode which then in turn wraps the whole thing in  div inline styling! Maybe one day they’ll be able to use the figure and figcaption elements for all this. Additionally, images can be wrapped in links which, if you’re using anything other than color or text-decoration to style, your links can be problematic.

The next issue we face is image alignment, users get the option of None, Left, Right & Center. On top of this, they also get the options of Thumbnail, Medium, Large & Fullsize. You’ll probably want to add floats to style the image position so important to remember to clear these to stop images from popping below the bottom of your articles.

Additionally, to add further confusion, images can be wrapped inside paragraph content, lets test some examples here.
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas sed diam eget risus varius blandit sit amet non magna. Aenean lacinia bibendum nulla sed consectetur.Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas sed diam eget risus varius blandit sit amet non magna. Aenean lacinia bibendum nulla sed consectetur.Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla non metus auctor fringilla. Aenean lacinia bibendum nulla sed consectetur.

And then… Finally, users can insert a WordPress

, which is kinda ugly and comes with some CSS stuck into the page to style it (which doesn’t actually validate, nor does the markup for the gallery). The amount of columns in the gallery is also changeable by the user, but the default is three so we’ll work with that for our example with an added fourth image to test verticle spacing.

1. Ordered list item one.
2. Ordered list item two.
3. Ordered list item three.
4. Ordered list item four.
5. By the way, WordPress does not let you create nested lists through the visual editor.

• Unordered list item one.
• Unordered list item two.
• Unordered list item three.
• Unordered list item four.
• By the way, WordPress does not let you create nested lists through the visual editor.

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 that are not in the WordPress admin but we should check for them in case 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 C0₂, here is our 2^nd 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

Massa quisquam, dolorum explicabo omnis congue! Facilisi magnis. Unde at! Dictum. Elit earum laborum velit faucibus dignissim nascetur. Nullam ligula! Habitant scelerisque augue nullam reprehenderit hac lobortis cumque, fugit, nobis eveniet, error egestas molestias necessitatibus metus dictumst non minim nemo, rutrum? Porttitor cursus ipsam iure, omnis suscipit enim, iure imperdiet provident accumsan maiores tempore? Rem faucibus integer cubilia tortor nec. Ridiculus consectetur, nulla per, accumsan. Sociis soluta erat praesentium, quam, dolorem risus, sagittis orci mollis numquam. Wisi metus hac nullam.

Ante etiam soluta repudiandae impedit do, nihil, rutrum alias delectus occaecat. Tempor, repudiandae dignissimos taciti tempora incididunt purus aenean dicta. Voluptas illum recusandae ad accusantium per aliqua varius suspendisse interdum! Fugit quas sagittis class aute, cubilia! Elit perferendis optio venenatis. Commodo expedita doloribus nibh cubilia ipsum deleniti perferendis rhoncus habitant! Curabitur velit. Eget. Non voluptatum nisi voluptas penatibus aspernatur conubia, mus netus aliquam facere hymenaeos tortor consectetur corrupti! Molestie luctus possimus cumque mauris enim eros, id, posuere facere voluptates adipisci.