Sectioning Elements the old (new?) way

Sectioning Elements the old (new?) way

Try this

  • Make a new post
  • Work inside of the Text tab in the editor
  • Play around with css and divs
  • View the source of this page for tips
  • Test your work

In HTML and CSS (the text) we are reminded that the <div> element lives on. See page 440 for more.

Here’s an example that you might want to recreate…

Some WordPress themes have Custom Design choices under the Appearance area. Some themes will have areas called theme options or custom css that also allow you to put in your own css.

I’ve been using one theme that allows for both. The them is called “base.” Here’s a sample of the breakout css I created.

#breakout {letter-spacing:2px; border-width:5px; padding: 15px; margin-bottom:10px;font-size: 1.9em; background-color:honeydew;}

Perhaps I cannot do this on the free site. BUT… I can use css inline in a post or a page by going to the Text tab in the editor.

Here’s your small sample. Remember to close your tag!

I want to control fonts too! WordPress is selling advanced features, including the ability to display fonts the way you want. So, the things you might be able to do with fonts… You’ll need to pay for.