Mega Code Archive

 
Categories / JavaScript DHTML / HTML
 

Paragraph Style

<html> <head> <title>Free Range Class</title> <style type="text/css"> p {font-size:14px; margin-left:2em; margin-right:2em} p.narrow {color:red; margin-left:5em; margin-right:5em} .hot {color:red; text-decoration:underline} body {font-family:Arial, sans-serif} </style> </head> <body> <h1 class="hot">Get a Load of This!</h1> <p> This is a normal paragraph. This is a normal paragraph. This is a normal  paragraph. This is a normal paragraph. This is a normal paragraph.  </p> <div class="hot"> <p class="narrow"> This is a paragraph to be set apart with wider margins and red color. This is a  paragraph to be set apart with wider margins and red color. This is a paragraph  to be set apart with wider margins and red color. </p> </div> <p> This is a normal paragraph. This is a normal paragraph <span class="hot">but with a  red-hot spot</span>. This is a normal paragraph. This is a normal paragraph. This  is a normal paragraph.  </p> <p class="narrow"> This is a paragraph to be set apart with wider margins and red color. This is a  paragraph to be set apart with wider margins and red color. This is a paragraph  to be set apart with wider margins and red color. </p> </body> </html>