Blueprint CSS Framework: Para moves to right side

Question

I am using Blueprint CSS framework and I have the following code for para in my screen.css file

p {margin:0 0 1.5em;}
.left {float:left !important;}
 p .left {margin:1.5em 1.5em 1.5em 0;padding:0;}
.right {float:right !important;}
p .right {margin:1.5em 0 1.5em 1.5em;padding:0;}

Now because of the above code(I guess) when I use para in my website I get the following formatting:

para One
     para two
     para three  

INSTEAD of

para One
para two
para three

Could you please tell me how to fix the problem.

Thanks in Advance :)

Answer 1

The screen.css file contains a rule that creates this effect:

p + p {
    text-indent: 2em;
}

This means that every p following another p will be indented by 2em.

If you remove that (or the entire file of course :D) then the paragraphs won't indent anymore.

Answer 2

in the tutorial above you pasted the Link, there is class used at the second para that is

.<div class="span-15 prepend-1 colborder">

just remove the class "prepend-1" from that div, because there is padding-left in it.

.prepend-1
{
padding-left:40px;
}

sorry for bad english!