Выравнивание div через inline-block

FotGOD · September 23, 2018

Здравствуйте. Пытаюсь выравнять 2 блока через inline-block. Но они выходят все равно не на одном уровне. Подскажите что не так и как исправить?

 <style>
   *{
        box-sizing: border-box;
        padding: 0;
       
   }
    .container{
       
       
        border: 1px solid red;
        margin: auto;
        
    }
    
    .row{
        background: rgb(206, 200, 200);
       
        
       
    }
    .col-1{
        width: 200px;
        border: 2px solid white;
        display: inline-block;
        height: 100px;
        
        
      
    }
    .col-2{
        width:600px;
        border: 2px solid white;
        display: inline-block;
        height: 100px;
       
        
    }
 
    </style>
</head>

<body>
    <div class="container">
        <div class="row">
                <div class="col-1"> <p>Корзина покупок <br> в корзине 3 товара...</p> </div>
                <div class="col-2"> <h1>Логотип компани</h1></div>
        </div>
        <div class="row">
            // 3 колонки
        </div>
        <div class="row">
            2 колонки
        </div>
    </div>


</body>

Vlad_P · September 23, 2018

Добавьте им vertical-align: top;

FotGOD · September 23, 2018

6 минут назад, Vlad_P сказал:

Добавьте им vertical-align: top;

благодарю

Sign In

Выравнивание div через inline-block

Question

FotGOD

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

Vlad_P

Link to comment

Share on other sites

FotGOD

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information