div使用text-align:center没效果不起作用

div使用text-align:center没效果不起作用

原代码

.container{
        width: 1226px;
        height: 40px;
        text-align: center;
        background-color: aquamarine;
    }

  <div class="container">
      123
  </div>

显示效果
未居中

参考网址：https://blog.csdn.net/JavaZwb/article/details/80028360

原因是div为块状元素，所以只需要在div的css代码里设置display:inline或display:inline-block，将块状元素转为内联元素即可。对于块状元素也可以使用margin:0 auto;来控制居中。
修改后的代码

.container{
        width: 1226px;
        height: 40px;
        margin:0 auto;
        background-color: aquamarine;
    }

成功居中显示