Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<style>
.piece {
position: absolute;
left: -5px;
top: 0;
width: 95px;
height: 100px;
border: solid;
}
.end {
height: 95px;
}
</style>
<div style="position:relative; margin:50px;">
<div class="piece" style="top:-5px; border-width:5px 0 0 5px;"></div>
<div class="piece" style="margin-left:120px; border-width:0 0 0 5px;"></div>
<div class="piece end" style="margin-left:240px; border-width:0 0 0 5px;"></div>
</div>