CSS：如何前元素的内容添加空白？(CSS: how to add white space befo

下面的代码工作的无：

p:before { content: " "; }
p:before { content: " "; }

我怎么之前元素的内容添加空白？

注：我需要上色左边框和利润率左语义用途和使用空间，为无色保证金。 :)

Answer 1:

您可以使用非打破空间的Unicode：

p:before { content: "\00a0 "; }

见的jsfiddle演示

[式由@Jason Sperske改进]

Answer 2:

不要用插入空格放屁左右。 其一，旧版本的IE会不知道你在说什么。 除此之外，虽然，也有一般的清洁方式。

对于无色缩进，使用text-indent属性。

p { text-indent: 1em; }

的jsfiddle演示

编辑：

如果你想的空间被着色，你可能会考虑增加一个厚厚的左边框的第一个字母。 （我几乎-但并非很说“不是”，因为如果你同时使用缩进可能是个问题。但感觉脏我仅仅依靠边界缩进。）您可以指定有多远，并有多宽，色彩使用的第一个字母的左边空白处/填充/边框宽度。

p:first-letter { border-left: 1em solid red; }

演示

Answer 3:

既然你正在寻找你可能需要的利润率左或填充左简单的事情元素之间增加空间。 这里都是例子http://jsfiddle.net/BGHqn/3/

这将增加10个像素段落元素的左

p {
    margin-left: 10px;
 }

或者如果你只是想你的段落元素中的一些填充

p {
    padding-left: 10px;
}

Answer 4:

/* Most Accurate Setting if you only want
   to do this with CSS Pseudo Element */
p:before { 
   content: "\00a0";
   padding-right: 5px; /* If you need more space b/w contents */
}

文章来源: CSS: how to add white space before element's content?