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

Answers


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.


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!


Need Your Help

Mysql count frequency of every value with grouping by another values (two dimensional table)

mysql sql count group-by

Maybe my English is not good enough to formulate the header (you're welcome to edit it and make more understandable) or it's because I'm googling different forms of it all day, but the task sounds ...

Capture Raw Signal from WiFi card as You Would a Sound Card

c# vb.net wifi signal-processing radio

Is it possible to capture the raw signal from a WiFi card in the same way you can capture the signal from a sound card? (I already found code for working with a sound card and for drawing spectrogr...