Несколько div в одну строку
Категория: HTML/CSS
2011-09-01 22:15:56
Нужно разместить N-нное количество div (фиксированных размеров) на странице. Все что помещаются в одну строку (ну там 2, 3 в зависимости от разрешения экрана)- выводить в строку, дальше с новой строки и т.д.
code: #css
- <html>
- <head>
- <title>sample</title>
- <style>
- .blocks{
- border:1px solid red;
- width:300px;
- height:300px;
- float:left;
- }
- </style>
- <head>
- <body>
- <div class="blocks">Text</div>
- <div class="blocks">Text</div>
- <div class="blocks">Text</div>
- <div class="blocks">Text</div>
- <div class="blocks">Text</div>
- </body>
- </html>
Поделиться: