HTML and CSS Reference
buttons), unordered and ordered lists, and block quotes (the “ button). A drop
menu labeled “Format” has options to mark up paragraphs, address blocks,
preformatted areas, and six levels of headings. here are buttons for setting
text color, inserting images, making links, and entering character entities. In
short, TinyMCE can do a lot of HTML, but there is also a lot of HTML that it
doesn't do. It doesn't let you create tables, insert horizontal rules, or add ele-
ment backgrounds, borders, and loating elements other than images. If you
need any of those features in a blog post, HTML editing mode is essential.
Figure 4.6: The TinyMCE editor in WordPress
To create the loating red box shown in Figure 4.6, irst I switched the edi-
tor to HTML mode. hen I pasted the following HTML code into the editor
before the content I previously entered in Visual mode:
<div style="float: left; width: 25%; margin-right: 1em; padding: 0.5em;
border: solid red; font: large sans-serif; text-align: center;"> Error!
No Internet Connection! </div>
In this situation, you must be careful about extra white space in the content.
WordPress assumes that any line breaks are intentional and will inserts break
and paragraph elements to preserve the lines as you see them in visual mode.
Figure 4.7 shows the same post content using the TinyMCE editor in HTML
mode. he line break ater the word “Error!” is intentional in this case.