<!DOCTYPE html>
<style>
.column {
float: left;
width: 200px;
height: 300px;
position: relative;
}
.cell {
width: 160px;
height: 210px;
border: 10px solid blue;
}
.green {
background: green;
position: absolute;
}
</style>
<div class="column">
<div class="cell" style="border-bottom-width: 5px; margin-top: 5px;"></div>
<div class="green" style="width: 90px; height: 20px; top: 0; right: 20px;"></div>
<div class="green" style="width: 90px; height: 10px; top: 220px; right: 20px;"></div>
</div>
<div class="column">
<div class="cell" style="border-top-width: 5px;"></div>
<div class="green" style="width: 80px; height: 10px; top: 0; right: 30px;"></div>
<div class="green" style="width: 90px; height: 20px; top: 210px; right: 20px;"></div>
</div>