Formatting Text on Web Pages

Samples and resources for changing paragraphs, headings and general text formatting.
To add borders to your text, use a DIV tag to divide sections into bordered areas.
This has a left padding of 50 pixels and dashed border.

This has a left padding of 10 pixels and grooved border.

Here is a paragraph with a border around it. Here is a paragraph with a border around it. Here is a paragraph with a border around it. Here is a paragraph with a border around it. Here is a paragraph with a border around it.


DIV tag from student page

Link to Font Options for Pages

Example of Paragraph Formatting, using TryItEditor from w3schools site

This is a sample paragraph in the Content Area of the page. The formatting is created in the HEAD section of the HTML by using CSS properties.


This is a sample paragraph in the Content Area of the page. The formatting adjusted in the paragraph tag within the body of the HTML document, using CSS properties.

Header 1

Header 2

Header 3 with bold

This is a new section called "perennials", created using a div tag and css in the head section.

Perennials in the Dragon's Garden

  • Lamb's Ear
  • Sedum
  • Shasta Daisies
  • Purple Coneflower
This is a new section call "vegetables", created using a div tag and css in the head section.

Vegetables in the Dragon's Garden

  • Pumpkins
  • Carrots
  • Lettuce
  • Sunflowers