HTMLHelp Forums > Text appears onscreen outside para tags

Full Version: Text appears onscreen outside para tags

HTMLHelp Forums > Web Authoring > Cascading Style Sheets

James

Nov 2 2009, 09:55 PM

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

Nov 2 2009, 10:52 PM

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.

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.