css字体左边水平居中

在CSS中，要使字体左边水平居中，可以使用text-align属性。这个属性可以应用于一个元素中的文本，将其水平居中。一般情况下，对一个块级元素应用此属性会产生最好的效果。

p {
  text-align: center;
}

上面这行代码是应用"center"值的text-align属性。它会将元素中的文本居中。但是，它只会将元素的内部内容居中，而不是整个元素。因此，要想整个元素都水平居中，可以使用margin属性。

p {
  text-align: center;
  margin: 0 auto;
}

上面这段代码是将文本居中并利用margin属性使整个元素都水平居中。在这里，margin属性的值为"0 auto"。这意味着上下外边距为0，左右外边距自动平分剩余的空间。 另外一个技巧是，在需要居中的元素上使用"display: table"和"margin: 0 auto"。

div {
  display: table;
  margin: 0 auto;
}

上面这段代码利用了CSS表格布局和margin属性的技巧，将元素水平居中。使用display属性的值为"table"会将这个元素当做一个表格来布局，然后利用margin属性居中。 总之，CSS中有多种方法可以使字体左边水平居中。对于单纯的文本，可以使用text-align属性；对于整个元素，可以使用margin属性或display属性等技巧。