Как использовать маржу:0 авто; в css для центрирования элемента на странице [закрыто]

Question

У меня есть стиль, который я использую для элемента на моей странице, и по какой-то причине мой margin: 0 auto не работает. Мой код ниже. Все помечено как важное, потому что я создаю в «bubble.io», и этот стиль должен перезаписать то, что движок дает элементу.

          <style>
#interests{
display: block !important;
width: 100% !important;
float: none !important;
position: relative !important;
margin: 0 auto !important;
}
</style>

Answer 1

Напоминаем, что вам почти никогда не следует использовать !importantесли это действительно не важно.
margin: 0 auto не будет центрировать элементы, когда ширина 100%.
Тебе нужно иметь text-align: center и сделайте все элементы внутри либо inline-block или же inline.

Answer 2

       <style>
#interests{
display: block !important;
width: 100% !important;
float: none !important;
position: relative !important;
margin-left: auto;
margin-right: auto;
}
</style>

Сделайте снимок!