div
{
width:350px;
height:100px;
border:1px solid black;

/* Firefox */
display:-moz-box;
-moz-box-orient:horizontal;

/* Safari и Chrome */
display:-webkit-box;
-webkit-box-orient:horizontal;

/* W3C */
display:box;
box-orient:horizontal;
}

Попробуйте сами »

Поддержка Браузерами

Свойство box-orient не поддерживается ни одним из основных браузеров.

Firefox поддерживает альтернативное свойство -moz-box-orient.

Safari и Chrome поддерживают альтернативное свойство -webkit-box-orient.

Определение и Использование

Свойство box-orient указывает, как должны располагаться дочерние элементы блока - горизонтально или вертикально.

Подсказка: Дочерние элементы внутри горизонтального блока отображаются слева направо, а дочерние элементы внутри вертикального блока отображаются сверху вниз. Однако свойства box-direction и box-ordinal-group могут изменить этот порядок.

Значение по умолчанию:	inline-axis
Наследуется:	нет
Версия:	CSS3
JavaScript синтаксис:	объект.style.boxOrient="vertical"

Синтаксис

box-orient: horizontal|vertical|inline-axis|block-axis|inherit;

Значение	Описание
horizontal	Располагать дочерние элементы слева направо в горизонтальную линию
vertical	Располагать дочерние элементы сверху вниз вертикально
inline-axis	Располагать дочерние элементы вдоль линейной (строковой, inline) оси (соответствует horizontal)
block-axis	Располагать дочерние элементы вдоль блочной оси (соответствует vertical)
inherit	Значение свойства box-orient должно наследоваться от родительского элемента

Полный CSS Справочник

термотрансфер на футболки

CSS Справочники

CSS3 Свойство box-orient

Пример

Поддержка Браузерами

Определение и Использование

Синтаксис