Горизонтальное выравнивание элементов

Возможны несколько случаев. Рассмотрим их по очереди:

Горизонтальное центрирование блока фиксированной С?РёСЂРёРЅС‹

<div id="wrapper">
   <div id="main">
      Content
   </div>
</div>

#wrapper{
  width:100%;
}
#main {
  margin:0 auto;
  width:100px;
}

Другой вариант:
Обратите внимание: РєРѕРіРґР° размер РѕРєРЅР° браузера меньС?Рµ размеров центрируемого DIV, то элемент выходит Р·Р° пределы экрана.
html, body{
  padding: 0;
  margin: 0;
  width:100%;
  height:100%;
}
#container{

читать далее