Blueprint CSS Framework:Para向右移动

时间:2012-05-12 05:37:47

标签: css blueprint-css

我正在使用Blueprint CSS框架,我在screen.css文件中有以下代码

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;}

现在因为上面的代码(我猜)当我在我的网站中使用para时,我得到以下格式:

para One
     para two
     para three  

INSTEAD

para One
para two
para three

您能否告诉我如何解决问题。

提前致谢:)

2 个答案:

答案 0 :(得分:1)

screen.css文件包含一个创建此效果的规则:

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

这意味着跟随另一个p的每个p将缩进2em。

如果删除(或当然整个文件:D),那么段落将不再缩进。

答案 1 :(得分:0)

在上面的教程中,您粘贴了Link,在第二段中使用了类

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

从该div中删除“prepend-1”类,因为其中有左边的填充。

.prepend-1
{
padding-left:40px;
}
抱歉英语不好!