CSS - 中心甚至在运行时对齐div

Question

请参阅 - https://jsfiddle.net/L0hav8ma/2/

<div id="x">
<div id="x1"> div1 </div>
<div id="x2"> div2 </div>
<div id="x3"> div3 </div>
</div>

要求将div1，div2和div3居中对齐在主div内。

而且，在运行时使用javascript我将不得不删除div1和div2。所以即使在那个时候，我希望div3在中心对齐，而不需要任何额外的css更改。

Answer 1

#x {
  height: 70px;
  width: 400px;
  background: blue;
  color: white;
  margin: 0 auto;
  text-align: center; /* add this */
}