Вывод маленьких таблиц построчно

[Slike]

Добрый день. У меня возникла проблемма. Существует несколько десятков таблиц состоящих из 1 столбца и 2 строк. Мне их нужно вывести на странице так что б они выводились в 1 строку, а когда ширины экрана не хватает, то что б выполнялся перенос на другую строку. Как бы похоже на на это оно работает когда в стиле указываешь стиль display:inline-block, но не во всех браузерах работет правильно или даже просто работает. Познаний в вебдизайне у меня не много, поэтому буду рад любому совету даже самому простому. Заранее спасибо за помощь.

[Slike]

Дополнение.

Попробовал ещё выриант с display:inline-table. Стало работать лучше, но осталась проблемма с тем что IE не воспринимает и выводит таблицы одну под другой. Даже попробовал запихнуть таблиду в див и для него установить display:inline-block . Вобщем результат такой же, ни какой реакции у IE.

[e1f]

table.myclass { float:left; }

[Slike]

table.myclass { float:left; }

Этот вариант тоже пробовал. Тогда всё что ниже находится ниже пытается приклеяться к последней таблице, а у меня там довольно много всего. Пытался засовывать свои таблицы в див или в другую таблицу, то всё равно весь дальнейший вывод начинается с последней маленькой таблички...

[Azadi]

http://cssing.org.ua/2008/08/29/float-mess/ - читайте статью, разбирайтесь. По моему мнению, таблицу в 1 столбец и 2 строки можно легко заменить на список определений.

[e1f]

Добавьте после всех таблиц еще див и пропишите ему clear:both

[Slike]

Добавьте после всех таблиц еще див и пропишите ему clear:both

Спасибо, помогло!!!

Ксё работает как нужно.