我的标题不在中心

Question

我完全肯定我的代码会导致我的标题位于文本框的中心，但是，它看起来并不像！有人可以检查我的代码是否合理？

＆＃13;

＆＃13;

.container {
  width: 95%;
  margin: 0 auto;
}

.home-about-textbox {
  background-color: #232323;
  padding: 4em;
  width: 100vw;
  margin-left: -2.65%;
  outline: 2px solid #00ff6c;
  outline-offset: -2.5em;
  color: #FFF;
}

.home-about-textbox h1 {
  text-align: center;
  color: #00ff6c;
}

＆＃13;

<div class="container">
  <section class="home-about">
    <div class="home-about-textbox">
      <h1>Who I am</h1>
      <p>I'm a young website developer who focusses on primarily making websites that are proven to have a <strong>high conversion rate</strong> so that my clients can experience that feeling of <strong>ever increasing cash flow!</strong></p>
      <p>I usually like to spend a lot of my freetime working on either: a client's website design, or my personal website design. I am never the 'second-best' when it comes to website design which is why I offer numerous <strong>free</strong> design revisions
        upon submission!</p>
    </div>
  </section>
</div>

＆＃13;

＆＃13;

＆＃13;

文本框图片：

Answer 1

从width: 100vw删除.home-about-textbox似乎是固定的问题，不是吗？

＆＃13;

＆＃13;

.container {
  width: 95%;
  margin: 0 auto;
}

.home-about-textbox {
  background-color: #232323;
  padding: 4em;
 
  margin-left: -2.65%;
  outline: 2px solid #00ff6c;
  outline-offset: -2.5em;
  color: #FFF;
}

.home-about-textbox h1 {
  text-align: center;
  color: #00ff6c;
}

＆＃13;

<div class="container">
  <section class="home-about">
    <div class="home-about-textbox">
      <h1>Who I am</h1>
      <p>I'm a young website developer who focusses on primarily making websites that are proven to have a <strong>high conversion rate</strong> so that my clients can experience that feeling of <strong>ever increasing cash flow!</strong></p>
      <p>I usually like to spend a lot of my freetime working on either: a client's website design, or my personal website design. I am never the 'second-best' when it comes to website design which is why I offer numerous <strong>free</strong> design revisions
        upon submission!</p>
    </div>
  </section>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

为什么不在<p>标记内写<div>或<center>。它使任何事物都集中在一起。为了避免进一步的问题，将元素与其他元素集中在一起。