JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<body>
    <div id="a"></div>
    <div class="d"></div>
    <div id="b"></div>
    <div id="c">asdf asdf asdf asdf  df asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf </div>
</body>
</html>

CSS

@import url(http://fonts.googleapis.com/css?family=Philosopher&subset=cyrillic);
body {
        font-family: Philosopher;
}
#a, #b, #c, .d {
height: 100px;
}
#a, #b, .d {
float: left;
width: 30%;
}
#a {
background: green;
}
#b {
background: blue;
}
#c {
clear: both;
background: red;
}
.d {
background: yellow;
}

JavaScript

document.getElementById("c").style.width=document.getElementById("b").offsetLeft-document.getElementById("a").offsetLeft-document.getElementById("a").offsetWidth+"px";

document.getElementById("c").style.marginLeft=document.getElementById("a").offsetWidth+"px";