View source for User:Dab1001/Timeline2

<div class="timeline" style="height:1000px;position:relative;">
<div class="timeline-background" style="position:absolute;top:0px;left:0px;width:100%;height:100%;" align="left">
<div class="timeline-label" style="position:relative;top:150px;border-style:solid;border-width:0px 0px 2px 0px;border-color:#AAAAAA;color:#AAAAAA;width:100%;height:auto;">'''''August 15, 2552'''''</div>
</div>
<div class="timeline-foreground" style="position:absolute;top:0px;left:0px;width:100%;height:100%;" align="right">
<!-- GROUP 1 -->
<div style="position:relative;display:inline-block;top:100px;width:160px;height:400px;" align="center">
<div style="position:absolute;display:grid;top:000px;border:3px solid black;background-color:#AAFFAA;text-align:center;width:150px;height:100px;">'''Test1'''</div>
<div style="position:absolute;display:grid;top:150px;border:3px solid black;background-color:#AAFFAA;text-align:center;width:150px;height:100px;">'''Test1'''</div>
</div>
<!-- GROUP 2 -->
<div style="position:relative;display:inline-block;top:110px;width:160px;height:400px;" align="center">
<div style="position:absolute;display:grid;top:000px;border:3px solid black;background-color:#AAFFAA;text-align:center;width:150px;height:100px;">'''Test2'''</div>
</div>
<!-- GROUP 3 -->
<div style="position:relative;display:inline-block;top:150px;width:160px;height:400px;" align="center">
<div style="position:absolute;display:grid;top:000px;border:3px solid black;background-color:#AAFFAA;text-align:center;width:150px;height:100px;">'''Test3'''</div>
</div>
<!-- GROUP 4 -->
<div style="position:relative;display:inline-block;top:110px;width:160px;height:400px;" align="center">
<div style="position:absolute;display:grid;top:000px;border:3px solid black;background-color:#AAFFAA;text-align:center;width:150px;height:100px;">'''Test4'''</div>
</div>
<!-- GROUP 5 -->
<div style="position:relative;display:inline-block;top:110px;width:160px;height:400px;" align="center">
<div style="position:absolute;display:grid;top:000px;border:3px solid black;background-color:#AAFFAA;text-align:center;width:150px;height:100px;">'''Test5'''</div>
</div>
<!-- GROUP 6 -->
<div style="position:relative;display:inline-block;top:110px;width:160px;height:400px;" align="center">
<div style="position:absolute;display:grid;top:000px;border:3px solid black;background-color:#AAFFAA;text-align:center;width:150px;height:100px;">'''Test6'''</div>
</div>
<!-- GROUP 7 -->
<div style="position:relative;display:inline-block;top:110px;width:160px;height:400px;" align="center">
<div style="position:absolute;display:grid;top:000px;border:3px solid black;background-color:#AAFFAA;text-align:center;width:150px;height:100px;">'''Test7'''</div>
</div>
</div>
</div>