Во-первых, инлайн блоки это не очень круто, тем более для отзывов с динамичной высотой.
Самый просто пример рассмотрим на сетке bootstrap:
1. Есть контейнер .row
2. В него помещается два блока с float:left
3. Добавляются свойства:
.row:after {
content: " ";
display: table;
clear:both
}
.row:before {
content: " ";
display: table;
}
Это делается для, того чтобы убрать обтекание, раньше использовали clearfix,
Структура имеет вид:
<div class="row">
<div class="col-md-6">Текст</div>
<div class="col-md-6">Текст</div>
</div>
Вместо «Текст» вставляется обычный блок с вашим отзывом. И все, ваша салянка из float, inline никуда не годится. Инлайн блоки нужно использовать если заведомо известно, что элементы будут одинаковой высоты, например кнопки. Плюс при добавлении text-align:center, такие кнопки будут вести себя как обычный текст, т.е отображаться по центру. Очень удобно.
Чтобы проще было освоить - ознакомьтесь с Bootstrap. Очень простой инструмент, в любом случае вы будете писать то, что там уже давно написано.
