2div next to each other

Container 100% and 2 element 50%

by Luca Giuberti

HTML

<div class="container">
<div class="el el1">

</div>
<div class="el el2">

</div>

</div>

CSS

.container{
  width:500px;
  height:200px;
  background: red;
  display: inline-block;
  font-size: 0!important;
}

.el{
  height:100px;
  width: calc(50% - 0px);
  font-size: 1px!important;
  display: inline-block;
}

.el1{
    background: green;
}

.el2{
    background: yellow;
}