Paragraph Style : HTML Style « HTML « JavaScript DHTML
- JavaScript DHTML
- HTML
- HTML Style
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>
Related examples in the same category