Плавающее изображение вправо и влево в текстовое поле странный интервал в IE

Question

Мой пример здесь

Логотипы выглядят хорошо, когда им сказано выровнять вправо или влево в FF, и они, кажется, правильно переносятся по тексту, но в IE огромный разрыв появляется после первой строки текста.

Я также создал плавающий правый и левый стили и попытался применить к логотипам, но получил тот же эффект. Я знаю, что это проблема в IE, но я еще не нашел ее.

Answer 1

Вместо использования align = " left " и выровняйте = " вправо " в своем HTML, просто включите атрибуты float в ваши объявления floatleft и floatright:

.floatleft {
    float:left;
    padding: 0px 8px 8px 0px;
}
.floatright {
    float: right;
    padding: 0px 0px 8px 8px;
}