Несколько div в одну строку

Нужно разместить N-нное количество div (фиксированных размеров) на странице. Все что помещаются в одну строку (ну там 2, 3 в зависимости от разрешения экрана)- выводить в строку, дальше с новой строки и т.д.

code: #css
  1. <html>
  2.   <head>
  3.       <title>sample</title>
  4. <style>
  5. .blocks{
  6.   border:1px solid red;
  7.   width:300px;
  8.   height:300px;
  9.   float:left;
  10. }
  11. </style>
  12.   <head>
  13.   <body>
  14.     <div class="blocks">Text</div>
  15.     <div class="blocks">Text</div>
  16.     <div class="blocks">Text</div>
  17.     <div class="blocks">Text</div>
  18.     <div class="blocks">Text</div>
  19.  </body>
  20. </html>
Поделиться:

Похожие статьи: