верстка блоками

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем etens1212, 5 ноя 2015.

  1. etens1212

    etens1212

    Регистрация:
    1 май 2013
    Сообщения:
    320
    Симпатии:
    16
    Здравствуйте, помогите с версткой 3 блоков
    мне нужно сделать 3 блока
    одинаковой ширтны
    но чтобы 4 блок начинался с новой строки
    как это правильно сделать?

    вот так


    [​IMG]


    они как бы должны по центру быть

    я пробовал сделать
    но при% ширине + отступления, оно выглядит каряво
     
  2. iga

    iga

    Регистрация:
    6 фев 2014
    Сообщения:
    145
    Симпатии:
    20
    Нужно размеры правильно высчитать и всё встанет на свои места.
    На сколько я понял, вам вот так надо:
    [​IMG]
    Код не самый валидный, но я старался показать магию цифр. :Smile:
     
  3. Marrie

    Marrie

    Регистрация:
    7 сен 2015
    Сообщения:
    50
    Симпатии:
    10
    Код:
    
    .top{
        margin: 0 auto; 
        width:100%; 
    }
    .block {
        height:60px;
        width:33%;
        
        float:left;
    } 
    .main_block {
     clear:both;
        margin:10px auto; 
        width:100%; 
    }
    
    <div class="top">
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div></div> 
        <div class="main_block"></div>