Text appears onscreen outside para tags Options

[James]

If you look at http://perthsms.com.au/ you will get a better idea of what my problem is.

The text at the bottom of the screen is meant to be inside the second framed paragraph.

The CSS code to centre and frame a paragraph is:

CODE

.framed            { border: 2px solid #333333; margin: 1em auto 0 auto; padding: 3%;
                     width: 50%; font-size: 130%; text-align: left;}  /*used to frame & centre paragraphs*/

I would be much obliged if you could tell me what is wrong here.

Many thanks, James

[Hoary]

Yes, it's tag soup gone wrong.

You have to understand which elements can and can't be nested within which other elements. (If you want to nest H3, you can't do so within P; you'll have to use DIV.)

Once you think you've got that right, make sure the HTML validates. When the HTML validates, and not before, consider adding CSS.