Невозможно получить 2 плавающих элемента для выравнивания по вертикали, с полем между ними и другим элементом

Question

У меня есть пример HTML здесь: http://jsfiddle.net/TzJmN/1/

Я пытаюсь отобразить вывод, чтобы элемент слева и заголовок «Ошибка слежения» слева, а текст справа были выровнены по вертикали, и у них было 12 пикселей под горизонтальной полосой вверху , Я не могу понять это правильно, хотя. Предмет слева настаивает на том, чтобы оставаться упакованным в верхнем левом углу, а предмет справа настаивает на том, чтобы оставаться слишком далеко от горизонтальной планки!

У меня сильное чувство, потому что я использую поплавки, но я не знаю, как решить эту проблему.

Есть предложения?

Answer 1

Как насчет использования position:absolute; top:12px; bottom:0; left:0; width:100px и предоставления тексту div поля, соответствующего ширине + поле, которое вы хотите между ними margin-left:110px;.Этот способ также хорошо масштабируется при изменении размера браузера.

Посмотрите здесь: http://jsfiddle.net/TzJmN/3/

Попробуйте изменить размер окна браузера.

РЕДАКТИРОВАТЬ: внесены небольшие изменения виметь расстояние 12px от верхней границы

Answer 2

Добавить padding-top: 10px; в .risk-статистика-контейнер

Edit:

Извините, попробуйте это:

http://jsfiddle.net/aFb3F/

Вы поплавки очищались