Как отцентровать div?

Question

[hardwellZero]

Как отцентровать форму?

<div class="container">
<div class="col-md-3 center">
  <h2>Vertical (basic) Form</h2>
  <form role="form">
    <div class="form-group">
      <label for="email">Email:</label>
      <input type="email" class="form-control" id="email" placeholder="Enter email">
    </div>
    <div class="form-group">
      <label for="pwd">Password:</label>
      <input type="password" class="form-control" id="pwd" placeholder="Enter password">
    </div>
    <div class="checkbox">
      <label><input type="checkbox"> Remember me</label>
    </div>
    <button type="submit" class="btn btn-default">Submit</button>
  </form>
  </div>
</div>

Comments

[Dave]

Так нет такого класса center, вроде. Попробуй center-block

[hardwellZero]

Давид: пробовал, не помогает.

Answer 1

[Денис Инешин]

div {
    width: 100px;
    margin: 0 auto;
}

Comments

[hardwellZero]

Ко всем div? Что?

[Денис Инешин]

hardwellZero: это просто пример, замените div на ваш селектор.

[hardwellZero]

Денис Инешин: Я пробовал такое решение, не работает.

[Денис Инешин]

hardwellZero: прекрасно всё работает: jsfiddle.net/IonDen/7x3hwd3d

[hardwellZero]

Денис Инешин: к этому коду, да. А к моему нет.

[Денис Инешин]

hardwellZero: чтобы отцентрировать любой блок нужно соблюсти три условия: 1. margin: 0 auto, 2. фиксированная ширина. 3. не должно быть float: left/right

Answer 2

[Хазрат Гаджикеримов]

.container {
  position: absolute;
  width: 200px;
  height: 200px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;  
}