Sept. 20, 1998

Putting Style Sheets in Perspective

text-indent

header 1

This is a paragraph with the first line having a negative value. The BODY margins are set to 10%, the first line indent has a value of -6%. This is a paragraph with the first line having a negative value. The BODY margins are set to 10%, the first line indent has a value of -6%. This is a paragraph with the first line having a negative value. The BODY margins are set to 10%, the first line indent has a value of -6%. This is a paragraph with the first line having a negative value. The BODY margins are set to 10%, the first line indent has a value of -6%.

Header 2

This is paragraph two. It has the same values as the paragraph above. This is paragraph two. It has the same values as the paragraph above. This is paragraph two. It has the same values as the paragraph above. This is paragraph two. It has the same values as the paragraph above. This is paragraph two. It has the same values as the paragraph above.

Paragraph three is different, it has the text-indent set to a positive 2em. Paragraph three is different, it has the text-indent set to a positive 2em. Paragraph three is different, it has the text-indent set to a positive 2em. Paragraph three is different, it has the text-indent set to a positive 2em.

A paragraph with a negative text-indent and a 75px margin. A paragraph with a negative text-indent and a 75px margin. A paragraph with a negative text-indent and a 75px margin. A paragraph with a negative text-indent and a 75px margin.

Here's the style sheet again:

	BODY.summary {
		margin-left	: 10%;
		margin-right	: 10%;
		font-family	: Arial, Helvetica, sans-serif;
		font-size	: small; }

	H1.header {
		font-size	: larger;
		color		: #000000;
		background	: #FFFFCC;
			 }


	H2.subsection {
		font-size	: larger;
		margin-left	: -2em;
		color		: #000000;
		background	: #FFFFCC;
		 }

	p.lineindent {
		text-indent	: 2em;
		margin-top	: 15px;
		margin-bottom	: 15px;
		}

	P.negindent {
		text-indent	: -6%;
		}

	.negindent2 {
		text-indent	: -6%; 
		margin		: 75px;
		}

Now back to text-indent
or
On to the Summary!

Up to => Home / Authoring / Style / Sheets / Margins

Guide Keywords Lexicon Site Map Top 100 Tutorials


Jupiter Online Media: internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and Jupiter Online Media

Jupitermedia Corporate Info


Legal Notices, Licensing, Reprints, & Permissions, Privacy Policy.

Web Hosting | Newsletters | Tech Jobs | Shopping | E-mail Offers