<!DOCTYPE html>
<html>
<body>
<div style="margin: 18px 10px; width: 300px; height: 120px; border: 1px solid black; background-color: yellow;">
  <div style="width: 300px; height: 20px; background-color: black;"></div>
  <div style="margin: -20px 0px 0px 80px; width: 220px; height: 120px; background-color: green;"></div>
</div>  

<div style="margin: -140px 336px; width: 300px; height: 120px; border: 1px solid black; background-color: yellow;">
  <div style="width: 300px; height: 20px; background-color: black;"></div>
  <div style="margin: -20px 0px 0px 240px; width: 60px; height: 120px; background-color: green;"></div>
</div>  
</body>