div like table

by Sreeraj Saseendran

HTML

<div class="a">
<div class="d">
d<br>
d<br>
d<br>
d<br>
d<br>
d
d
d
d
</div>
<div class="b">
b
</div>
<div class="c">
c
</div>
<div class="e">
e
</div>
</div>

CSS

*{
  box-sizing:border-box;
}
.a{
  width:500px;
}
.b{
 width:60%;
 float:left;
  border:1px solid red;
}
.d{
  float:right;
  width:40%;
  border:1px solid red;
  height:100%;
}
.c,.e{
  width:30%;
  float:left;
  border:1px solid red;
}