CSS。不能上课，而且它的前提是：＆＃39;元件

Question

我正在学习：在伪元素之前和之后，但我不明白为什么它不在中心。

我拥有的东西：

我的代码：

jsfiddle down here

https://jsfiddle.net/ecfobu3g/

如果我删除 display：inline-block; ：：before元素将从页面左侧过渡，但我想从.title主元素的左侧开始。

简而言之，我希望实现相同的过渡效果，但我希望文本水平居中。

我希望.title类水平居中，而.title：也希望水平居中。

Answer 1

添加div和text-align：center;

Like this

<div style="text-align : center; ">
  <h1 data-title='TiPS' class='title'>TiPS</h1>
</div>

Answer 2

您可以添加

width: 100%;

到你的h1元素。我不完全确定这是不是你想要的。