Text alignment – left, middle, right and none

As with images ( see Image alignment – left, middle, right and none) it is possible to control the alignment of text using CSS.  This post shows some simple examples of text alignment: left, middle and right. And starting with the default: none.  When you are writing a WordPress post you may either edit the HTML directly or use the Visual editor. These examples include screen captures of the editor toolbar. Align none – when none of the Alignment toolbar buttons are selected. Note: When using the HTML editor the alignment buttons aren’t shown.

Techno-babble

Well this was uglier than I’d have hoped.

• The WordPress editor uses inline styles for paragraphs.
• Breaks are ignored because the images are floated using CSS.
• And the h3 headings didn’t inherit the alignments on the div’s.
• No time to check what I’ve done wrong. I’ll have to revisit later