求助，CSS多行固定宽文字水平居中问题

Question

跟着youtube上的视频在学前端。今天遇到一个问题，同样的代码，大标题居中生效了，但我的定宽多行文字不居中。

我的CSS如下：

.content {

  padding: 2rem 0 6rem 0;
  .title, .sub_title {
      color: $white;
      text-align: center;
  }
  .title {
      font-weight: 400;
      font-size: 3rem;
      margin: 10 0 10 0;
  }
  .sub_title {
      font-weight: 300;
      font-size: 1rem;
      width: 600px;
      margin: 0 auto 2rem 0;
      line-height: 2rem;
  }

设计图效果

我的效果

Answer 1

用margin属性使块状元素居中的话要设margin-left和margin-left为auto；
附margin简写
margin:四边；
margin:上下 左右；
margin:上 左右 下；
margin:上 左 下 右；

Answer 2

用开发者工具看一下这个容器的真实宽度，还有父级容器的属性。定位不是一个属性决定的。

Answer 3

很明显啊， title和subTitle的容器宽度不一样， subTitle被限定了宽度600px，就这个宽度而言，文字确实是居中的（不信看最后一行文字）。你把 title和subTitle的宽度都设定为 100%再看。

Answer 4

有个简单粗暴但是比较蠢的方法，有多少行文字就弄多少DOM，宽度设一样。