Gimme My Space! - Style Sheets

The concluding part of this tutorial explores some of the CSS properties related to text alignment, spacing and positioning, together with a look at absolute and relative positioning, z-index stacking, and borders and padding.

TABLE OF CONTENTS:

By: icarus, (c) Melonfire

Poor Best

Rating:

/ 25

October 04, 2000

print this article

SEARCH DEV SHED

TOOLS YOU CAN USE

You can also control the amount of space between characters with the "letter-spacing" property

<HTML>
<HEAD>
<STYLE TYPE="text/css">
P {letter-spacing: 30px}
</STYLE>
</HEAD>
<BODY>
<P>
Q. 
How many psychoanalysts does it take to change a light bulb?
<P>
A. How many 
do you think it takes?
</BODY>
</HTML>

or alter the indentation of the first line of each paragraph with the "text-indent" property.

<HTML>
<HEAD>
<STYLE TYPE="text/css">
P {text-indent: 10px}
</STYLE>
</HEAD>
<BODY>
<P>
Q. 
How many psychoanalysts does it take to change a light bulb?
<BR>
A. How many 
do you think it takes?
</BODY>
</HTML>

Next: Reclining Every Which Way >>