CSS: Вертикальное выравнивание текстов в двух последовательных DIV'ах по единому baseline

Чтобы создать «общий baseline», поставьте одинаковый line-height дивам. На картинке 30px, можно и в em задать. Уберите инлайн-блочность, где не надо, уберите или подправьте умолчательные отступы у элементов форм, выровняйте их по вертикали.
Проблема здесь заключается в float:XXX — перед присваиванием обтекаемости элемент становится блоком. А блочные елементы не получится выровнять по общей baselinе. К сожалению, обыкновенным 'line-height' не обойтись, так как у каждого блока будет все же своя baseline разве что только на глаз подбирать разные line-height + «elment1 line-height 1em != element2 line-height 1em по причине разныx font-size». Или я ошибаюсь?

Я бы предложил display:table-cell;

.replies-summary>div{float:none; display:table-cell; white-space:nowrap;}
.replies-summary>div:nth-child(3){ width:100%; text-align:right; font-size:3em;}
