Beautifying More with Less

• letter-spacing: [normal | 5px]
• text-decoration: [none | underline | overline | line-through]
• text-transform: [capitalize | uppercase | lowercase | none]
• text-align: [left | right | center | justify]
• text-indent: [5px | 5%]
• line-height: [normal | 5px | 5%]

This paragraph should be indented 20 pixels, it should be blue with a yellow background, it should have a black border and it should have 30 pixels of padding.

<style>
    p {text-indent:20px; boarder: solid 1px black; padding: 30px; color:blue; background: yellow;}
</style>
<p>
This paragraph should be indented 20 pixels, it should be blue with a yellow background, it should have a black border and it should have 30 pixels of padding.
</p>

<style>
    p {letter-spacing: 5px; text-decoration: line-through;
        text-transform: uppercase; text-align: center;
        text-indent: 1%; line-height: 50%;}
</style>
<p>
    Here is a long paragraph for you to play with. Go ahead and mess
    with it. All of the properties shown here are text properties. As
    a bonus, you can try using different units for the properties that
    take numerical values. There is already the demo of pixels and
    percent. Try "em", a relative unit (1em = the current font size). You can also try
    negative values (e.g. -10px). Some properties take negative values,
    and some do not.
</p>