Css 如何在一个较大的div中居中放置两个div？

我正试图将两个div（

#about

和

#推荐片段

）放在较大的黑色div中。我如何才能做到这一点

JS小提琴：

HTML

---

将元素包装在一个新的div中。然后给新div一个固定的宽度，并使用

margin:0px auto

进行样式设置

HTML

<div id="footer-section">
   <div class="wrap">
    <section id="about">
      <!--Content -->
    </section>
    <section id="testimonial-snippets">
      <!--Content-->
    </section>
   </div>
</div>

---

示例

我允许自己将这个问题减少到最低限度。其他一切都与问题无关，只会使问题更难理解

<footer>
    <section id="about">About</section>
    <section id="testimonial-snippets">Testimonial</section>
</footer>

---

您的外部和内部div是否有固定宽度？@Kasyx

页脚

为100%，页脚部分为940px。

#footer部分中的两个div分别为300px。@Desi不要忘记about部分上的
20px边距。这增加了宽度（300 x 2）+20=620px谢谢，我以前试过，但忘了设置宽度。谢谢@没问题，希望有帮助！
<div id="footer-section">
   <div class="wrap">
    <section id="about">
      <!--Content -->
    </section>
    <section id="testimonial-snippets">
      <!--Content-->
    </section>
   </div>
</div>

.wrap{
    width: 620px;
    margin: 0px auto;
    overflow: auto;
}

<footer>
    <section id="about">About</section>
    <section id="testimonial-snippets">Testimonial</section>
</footer>