Как плавать влево и переполнять сверху вместо нижней части, содержащей div

Question

У меня есть контейнер с набором вкладок (div) в верхней части, которые все плавают влево с div "clear: left" в конце. Моя проблема в том, что когда окно слишком маленькое, чтобы уместить все вкладки в одной строке, вкладки в конце перетекут в следующую строку, но мне нужно, чтобы они перетекли в строку над остальными вкладками.

Вот как это выглядит сейчас:

| Вкладка A | Вкладка B | Вкладка C | Вкладка D |
| Вкладка E | Вкладка F |

А вот как бы я хотел, чтобы это выглядело:

| Вкладка E | Вкладка F |
| Вкладка A | Вкладка B | Вкладка C | Вкладка D |

Можно ли сделать это динамически, чтобы по мере того, как окно становилось меньше, дополнительные вкладки в конце переполнялись "вверх" в строке выше?

Спасибо Mark

Answer 1

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