Таблица CSS переносится на следующую строку

eleronnet
На сайте с 24.02.2013
Offline
79
714

Помогите пожалуйста, вторая таблица CSS переносится на следующую строку, а надо чтоб они были рядом.

Вот что пишу в CSS:

.outline {

width:250px; /* Длина фигуры */
height:200px; /* Высота фигуры */
border: 1px solid red;
padding: 0 10px;
}

А вот что в коде вебдокумента:

<div class="outline">
ПОГОДЖЕНО
<br>Начальник рай(міськ)відділу
<br>земельних ресурсів
<br>___________________________
<br><font size="0">(Прізвище, ім***8242;я, по батькові)</font>
<br>М.П.
<br>______ ________________ 2010
</div>


<div class="outline">
ЗАТВЕРДЖЕНО
<br>Замовник
<br>_________________________
<br><font size="0">(ПІБ, назва юридичної особи)</font>
<br>___________________________
<br>______ __________ 2010
</div>

И вот что получается:

Лучшая партнерка для вебмастеров ЗДЕСЬ! (http://eleronnet.cc.ua/klik.html) Бурение скважин на воду (http://evoda.cc.ua/burenie.html) в Украине.
tommy-gung
На сайте с 22.11.2006
Offline
304
#1

.outline {

display:inline-block;

width:250px; /* Длина фигуры */

height:200px; /* Высота фигуры */

border: 1px solid red;

padding: 0 10px;

}

Здесь не могла быть ваша реклама
eleronnet
На сайте с 24.02.2013
Offline
79
#2

Спасибо, только как теперь их выровнять?

Вот что получается:

tommy-gung
На сайте с 22.11.2006
Offline
304
#3

туда же

vertical-align:top;

eleronnet
На сайте с 24.02.2013
Offline
79
#4

Спасибо большое! Вопрос решен!

Вот код CSS полностью для тех, кто столкнется с такой проблемой:

.outline {
display:inline-block;
vertical-align:top;
width:250px; /* Длина фигуры */
height:200px; /* Высота фигуры */
border: 1px solid red;
padding: 0 10px;
}

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий