How to separate paragraphs?

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View

I want to make a layout for my blog, so, the content of the page is
inside one tag, <div class="post_body">...</div>

I want to have little spaces between lines inside a paragraph and a
BIG space between different paragraphs.( Paragraph is just some
sentances connected semantically, not a HTML tag <p> ). But I don't
know how!!!

Please, help me!!!

Re: How to separate paragraphs?

Quoted text here. Click to load it

p {line-height: 2em;} ?

Quoted text here. Click to load it

p {margin-bottom: 14em;} ?


Re: How to separate paragraphs?

Quoted text here. Click to load it

HTML doesn't have a "paragraph separator". Instead it uses "paragraph
containers" (<p> ... </p>).  It's important to remember the
difference, because you can't really change this; working "against
HTML" is harder than working with it.

You should use the <p> tags to identify the start of paragraphs in
HTML. That's how it's meant to work, that's how it works best and most
easily. If you have "sentences connected semantically" then that's a
paragraph in HTML and you should mark it up as one. If you _insist_ on
not using <p>, then use <div> (you can nest <div>s)

If you want to understand how margins work in CSS, particularly
"collapsing vertical margins", then read this: /

As to your spacing issues, then just the CSS defaults on correct HTML
markup ought to be a good start for you.

If you want to vary line height within a paragraph, use
    p { line-height: 1.2; }

Note that there are no dimensions on the 1.2 value! Don't use ems
here. 1.2 is the "typical" default, so make it larger or smaller
according to what you want.

If you want more spacing between paragraphs, set the bottom margin to
be bigger
    p { margin-bottom: 2.5em; }
"Collapsing margins" means that you only need to set one margin,
usually the bottom is best. Use em units here.

Site Timeline