Странный DIV

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

by Tolibjon Tolibov

HTML

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

CSS

*{
  margin:0;
  padding:0;
}

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

.col-4-1{
  width:15%;
  height:100%;
  border:1px solid green;
  box-sizing:border-box;
  display:inline-block;
}

.col-4-2{
  width:33%;
  height:100%;
  border:1px solid blue;
  box-sizing:border-box;
  display:inline-block;
}