как мне перевести div в центр?

<p>я хочу иметь возможность центрировать div в середине страницы, но не могу заставить его работать. я пытался плавать: центр; в css, но это не похоже на работу.</p>

<p>поплавка нет: центр; в ксс. использовать маржу: 0 авто; вместо. ну вот так: </p><pre><code>.mydivclass { margin: 0 auto; } </code></pre>

<p>вы можете сделать это встроенным, как это</p><pre><code><div style="margin:0px auto"></div> </code></pre><p>или вы можете сделать это через класс</p><pre><code><div class="x"><div> </code></pre><p>в вашем файле css или между <code><style></style></code> добавить этот <code>.x{margin:0px auto}</code></p><p>или вы можете просто использовать тег центра</p><pre><code> <center> <div></div> </center> </code></pre><p>или если вы используете абсолютную позицию, вы можете сделать</p><pre><code>.x{ width: 140px; position: absolute; top: 0px; left: 50%; margin-left: -70px; /*half the size of width*/ } </code></pre>

<p>попробуйте <code>margin: 0 auto</code>, div нужно исправить с помощью.</p>

<p>если вы используете <code>width</code> и <code>height</code>, вы должны попробовать <code>margin-right: 45%;</code>... это на 100% работает для меня ... так что я могу взять его в любом месте с процентами!</p>

<p>задайте для div определенное значение в процентах или пикселях и отцентрируйте его, используя свойство css margin.</p><p><strong>html</strong></p><pre><code><div id="my-main-div"></div> </code></pre><p><strong>css</strong></p><pre><code>#my-main-div { margin: 0 auto; } </code></pre><p>наслаждаться :)</p>

<p>если по какой-то причине у вас есть абсолютная позиция на div, сделайте это:</p><pre><code><div class="something"></div> .something { position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; } </code></pre>

<p>простое решение:</p><pre><code><style> .center { margin: auto; } </style> <div class="center"> <p> somthing goes here </p> </div> </code></pre><p> <a href="https://www.w3schools.com/css/tryit.asp?filename=trycss\_align\_container">попробуйте онлайн</a> </p>