Neponyatniy DIV

Блоки должны быть в один ряд

by Tolibjon Tolibov

HTML

<div class='container'>
  <div class='col-4-1'>
    Блок с шириной 12%
  </div>
  
  <div class='col-4-2'>
    Блок с шириной 24%
  </div>
  
  <div class='col-4-1'>
    Блок с шириной 12%
  </div>
  
  <div class='col-4-2'>
    Блок с шириной 24%
  </div>
</div>

CSS

.container{
  width:600px;
  height:300px;
  border:1px solid red;
  position:relative;
}

.col-4-1, col-4-2 {
  box-sizing:border-box;
  height:300px;
  display:inline-block;
}
.col-4-1{
    width:12%;
    border:1px solid green;
}

.col-4-2{
    width:24%;
    border:1px solid blue;
}