У меня есть главный элемент DIV который располагается по центру и в него можно вставлять другие элементы DIV. Вот его стили:#container { width: 770px; height:auto!important; margin-right: auto; margin-left: auto; padding-bottom:70px; background-color:#000066; background-image: url("images/middle.gif");}Мне нужно в него вставить еще 5 элементов DIV но не по вертикали один за другим а по горизонтали. Вот что мне нужно------------------------------DIV2DIV3 DIV4 DIV5 DIV6------------------------------Проблема в том, что DIV это блочные элементы и у меня не получается выстроить в одну линию DIV3, DIV4 и DIV5. Каждый из них находится ниже другого.Вот стили которые я применяю к элементам DIV2 DIV3 DIV4 DIV5 DIV6:#DIV3 { position:relative; top:0px; left:22px; width: 158px; height:3px; background-color:#FFDD97;}По оси X каждый элемент позиционируется правильно, а вот по Y не могу.Здесь z-index не подходит так как у меня главный элемент DIV должен автоматически подбирать высоту в соответствии сколько у него своих элементов. Но есть элементам DIV2 до DIV6 поставить position:absolute и поставить z-index то высота главного DIV не увеличивается.Помогите, как правильно нужно сделать?
 | 
Линейный вид
