6.06.2007

How to Indent

So, I've been experimenting, and have found a couple ways to indent.

The first, kind of a hack, is as follows:

Place a series of the html-tag, non-breaking space before each paragraph. The tag creates a space that won't collapse or disappear when you publish. So, if you use a bunch in a row, you get a four, five, or six-space indent. Got it?

The second, indents each paragraph, but also puts a space between them. Do the following. Click on the template tab, on the top, and then, on edit html.

Scroll down to below the body section, ( body { blah blah blah blah} ) and put the following code:
p {
text-indent: 20px
}

Then, in each post, surround your paragraphs with <p> in front and </p> at the end. Or, you can do, <p/> before each paragraph with no closing tag.

Ta-da.

That's it.

Note that this second method, will always indent the first line of every post.

Another method?

Put the following code instead of the p code above:
#inden {
text-indent: 20px
}

And then, <p id=inden> before each paragraph and </p> at the end. If you do it this way, then you can't have returns or line breaks between your paragraphs or you'll get a double-space.

What a headache, eh?

No comments: