blob: f65db9352224c060a513c5b7a2d1410719940edd [file] [log] [blame]
<style>
.container {
border: 3px solid green;
padding: 10px;
height: 30px;
width: 30px;
position: relative;
}
div div {
background: blue;
position: absolute;
}
</style>
<div class=container>
<div style="top: 2px; width: 10px; height: 10px"></div>
</div>
<div class=container>
<div style="bottom: 2px; width: 10px; height: 10px"></div>
</div>
<div class=container>
<div style="top: 2px; bottom: 2px; width: 10px;"></div>
</div>
<div class=container>
<div style="left: 2px; width: 10px; height: 10px"></div>
</div>
<div class=container>
<div style="right: 2px; width: 10px; height: 10px"></div>
</div>
<div class=container>
<div style="left: 2px; right: 2px; height: 10px;"></div>
</div>
<div class=container>
<div style="top: 2px; left: 2px; right: 2px; bottom: 2px;"></div>
</div>