如何横向居中div？

Question

＆＃13;

＆＃13;

<div style="width:100%; margin: 0 auto;">
    <div style="width:50%; background:#000">
        <p style="color:#fff">Text must be left.</p>
    </div>
</div>

＆＃13;

＆＃13;

＆＃13;

请帮帮我如何集中对齐子div和段落必须保留。请参考https://vsss.co.in/index.php/User？

Answer 1

您必须将margin:0 auto添加到您需要居中的元素中。

<div style="width:100%; margin: 0 auto;">
    <div style="width:50%; margin:0 auto; background:#000">
        <p style="color:#fff">Text must be left.</p>
    </div>
</div>

Answer 2

您应该使用margin: auto;;

.center {
    margin: auto;
    width: 60%;
    border: 3px solid #73AD21;
    padding: 10px;
}

<div class="center">
  <p>Centered div</p>
</div>