在网页开发中，我们经常会用到文本排版来美化页面，而其中有一个比较容易被忽视的细节就是文本前面的空格。在HTML中，我们可以使用 来表示空格，但是在CSS中，也有一些方法来控制文本前面的空格。

首先，我们可以使用text-indent属性来设置文本的缩进距离。这个属性跟我们在Word中设置“首行缩进”的功能类似，可以让一行或多行文本整体向右移动一定的距离。

p {
 text-indent: 2em; /* 每行文本前面空两个字的距离 */
}

除了text-indent外，我们还可以使用padding-left来设置文本的左边缘距离，这个属性跟我们在盒子模型中使用padding的效果类似。

p {
 padding-left: 10px; /* 每行文本前面空10个像素的距离 */
}

另外，我们还可以使用伪元素:before来在每个p元素的前面添加新的元素，这个元素可以是一个图片、一个icon或者一个文字。

p:before {
 content: "•"; /* 每行文本前面添加一个黑点 */
 padding-right: 5px; /* 黑点和文本之间空5个像素 */
}

最后，我们要注意，有些情况下可能会有一个看不见的字符造成了空格，比如说有些输入法会在中文和英文之间加入一个空格符号。这个时候，我们可以使用display: table-cell来让它们在同一单元格内显示。

p {
 display: table-cell;
}

以上就是一些关于CSS文本前面空格的技巧，如果你在开发中需要控制文本的排版，就可以尝试使用其中的一些方法来达到理想的效果。