CSS Body Test

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Bold

It’s easy to make your text bold. Simply highlight the characters and words you’d like to put emphasis on and then click the big ”B” icon.

Italics

To italicize text in WordPress you highlight the characters you want to change and click on the “I” button.

Strike Through

WordPress gives you the option to highlight your text by placing a line through it. This is called strike through, and it looks like this.

Underline

Another classic formatting style is the underline.

Unordered Lists

An unordered list is one which contains bulleted elements with no hierarchical order – lines are simply listed in a single column, indented from normal paragraph text.

• This is a top line list item
• This is another list item
• Ooh, here’s a third list item

Hitting enter while in an unordered list creates a line break and another list element.

Ordered / Numbered Lists

An ordered list is one in which its elements have priority, hence the numbered headings. The ordered list works the same way as the unordered list; indented and lined up in a single column.

1. This is a top line ordered list item
2. This is the second list item in an ordered list
3. It just keeps going, and going, and going…

Blockquotes

Blockquotes are a great way to display and format quotations and special aside text, as shown below.

Here, the text is indented, italicized, raised in font size, and slightly bolded. Different themes will display block quote in different ways, and it can be further controlled with custom CSS. Hitting the enter button twice doesn’t escape you from block quotes though. To do that, once you’ve completed your paragraph of block quote text, press the enter key to start a new line, and then hit the block quote icon, which look like open apostrophe symbols.

Blockquote is unique in that while you’re editing the text, the formatting doesn’t show up in the post editor box.

Left Align

Left align is the standard in most english language editors, and starts your text line at the left most margin. This paragraph is left aligned.

Center align

Center Align also does as its name suggests – centering your text between the left and right margins. This paragraph is center aligned.

Right Align

Right align is basically the opposite of left align. It places the text starting on the right margin and successive lines in the paragraph are also placed starting on the right margin. This paragraph is right aligned.

Full Justify

The full justify icon is the only alignment icon on the bottom row of the visual editor. The full justify adjusts character spacing to make your text touch both the left and right margins. This creates a consistent block look as text flows down the page and can be more aesthetically pleasing with particularly long paragraphs. The downside of the full justify comes when you use short sentences. In these cases, the extra spacing WordPress adds to stretch the text from margin to margin creates large spaces between words, which can sometimes make the text look uneven.

Add a Link

To add a link, highlight the text which should be linked and click the chain icon. A WordPress text link looks something like this.

Indent and Outdent

The indent button (arrow right) will push the highlighted text a few spaces into the line. It is used to show priority without using a list item.

This paragraph has been indented.

The outdent button (arrow right) is used to remove formatting from an indented paragraph.