Как заставить центр отделения выровняться в HTML [дубликат]

Я думаю, что align = "center" выравнивается содержимое, поэтому, если вы хотите использовать этот метод, вам нужно будет использовать его в div-обертке - div, который просто обертывает все остальное.

text-align делает то же самое.

left: 50% игнорируется, если вы не установите положение блока div как относительное или абсолютное.

Общепринятым методом является использование следующих свойств

width:500px; // this can be what ever unit you want, you just have to define it
margin-left:auto;
margin-right:auto;

. Автоматические поля означают, что они растут / сжимаются, чтобы соответствовать окну браузера (или родительскому div).

ОБНОВЛЕНИЕ

Спасибо Meo за то, что это вытащили, при желании вы могли бы сэкономить время и использовать короткую маржу для получения прибыли.

margin:0 auto;

это определяет верх и низ как 0 (поскольку он равен нулю, не имеет значения отсутствие единиц), а левый и правый определяются как «авто». Затем вы можете, если вы не хотите переопределить, скажем, верхнее поле как и с любыми другими правилами CSS.

это зависит от того, находится ли ваш div в позиции: absolute / fixed или relative / static

для position: absolute & fixed

<div style="position: absolute; /*or fixed*/; width: 50%; height: 300px; left: 50%; top:100px; margin: 0 0 0 -25%">blblablbalba</div>

Хитрость здесь заключается в том, чтобы иметь отрицательное поле, равное половине ширины объекта

для position: relative & static

<div style="position: relative; /*or static*/; width: 50%; height: 300px; margin: 0 auto">blblablbalba</div>

для обоих методов обязательно установить ширину

как насчет чего-то подобного

<style type="text/css">
  #container {
    margin: 0 auto;
    text-align: center; /* for IE */
  }

  #yourdiv {
    width: 400px;
    border: 1px solid #000;
  }
</style>

....

<div id="container">
  <div id="yourdiv">
    weee
  </div>
</div>