Есть задача - размещать генерируемые элементы в 2 колонки. Поясню, есть интернет-магазин, он выводит список товаров, каждая позиция это контейнер DIV (можно любой другой, назначается в шаблоне). Можно ли средствами css сделать так, чтобы на строке появлялось 2 элемента. Сейчас: [] [] [] [] Нужно: [] [] [] [] Попытки сделать на каждый новый элемент ширину 50%, а так же замена DIV на SPAN не увенчалась успехом. Помогите, если конечно такое решение есть. И еще, просьба, не советуйте поменять движок магазина или дописывать код. спасибо
Код (Text): <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled</title> <style type="text/css"> <!-- body { margin: 0; padding: 0; } div { background-color: silver; margin-top: 1px; width: 49.9%; float: left; } --> </style> </head> <body> <div>Text 1</div> <div>Text 2</div> <div>Text 3</div> <div>Text 4</div> </body> </html>
советую флоаты обернуть в див для которого задать Код (Text): overflow:hidden; width:100% , чтобы флоаты не глотали идущие следом блоки.