Search code examples
cssblueprint-css

Blueprint CSS Framework: Para moves to right side

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 :)

Solution

  • 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.