I am trying to achieve a specific layout for my webpage. My goal is to make the background color of the red div match the height of the combined heights of the divs with heights 15.56 + 77.33 + 73.33.
<body>
<!-- outer div -->
<div style="background-color:gray;">
<div style="background-color: black; float: left;">
<div>
<div>
<div style="height: 15.56px; background-color: blue;">Blue</div>
<div style="height: 77.33px; background-color: green;">Green</div>
<div style="height: 73.33px; background-color: orange;">Orange</div>
</div>
</div>
</div>
<div style="background-color: red; display: inline-block; height: inherit;">
Should be red!
</div>
</div>
<body>