Поле CSS автоматически не центрируется

Я максимально упростил код, но все равно не могу его центрировать. Я считаю, что моя неопытность с CSS не позволяет мне увидеть что-то очень простое.

Если кто-то также знает хорошие ресурсы для css, это будет здорово. Я прочитал разделы многих CSS книг, но все они очень простые и охватывают одно и то же.

Разметка CSS:

/* MAIN ––––––––––––––––––––– */
html {
    /* overflow-y:scroll; */
}
body {
    /* margin:0; */
    /* position:relative; */
}
/* Form ––––––––––––––––––––– */
#form {
    margin:0 auto;
    width: 300px;
    height: 200px;
    display: inline-block;
    border: 2px solid black;
}

index.html

<html>
  <body>

    <form id='form'></form>

  </body>
</hml>

css centering margin
person Crispy    schedule 28.05.2013    source источник

Ответы (1)


arrow_upward
18
arrow_downward

Измените отображение на блок, если вы хотите использовать margin:auto для центрирования. Это не работает со встроенными элементами.

person Peter Wooster    schedule 28.05.2013
comment
Text-align:center работает со встроенными и встроенными блочными элементами, если вам нужно смешивать встроенные и блочные элементы, вы можете использовать это. - person Peter Wooster; 29.05.2013