Я немного борюсь с этой проблемой CSS:http://jsfiddle.net/timkl/JbEX8/

Я хочу, чтобы два элемента div были выровнены по горизонтали с помощью «display: inline-block», однако при добавлении текста в один из элементов div выравнивание отключено.

Есть ли способ выровнять два деления, не прибегая к поплавкам?

Это моя разметка:

<div class="box">
    <p>Some text</p>
</div><!-- /box -->

<div class="box">
    <!-- No text -->
</div><!-- /box -->

Это мой CSS:

body {
color: gray;
}

.box {
    background: #ccc;
    height: 100px;
    width: 200px;
    display: inline-block;   
}

Посмотрите мой пример на jsfiddle:http://jsfiddle.net/timkl/JbEX8/