Template:All time 250px
<div style="position:absolute; height:12px; top:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;"> <div style="position:absolute; height:12px; top:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;"> <div style="position:absolute; height:12px; top:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;"> <div style="position:absolute; height:12px; top:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;"> <div style="position:absolute; height:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;">Archean <div style="position:absolute; height:12px; top:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;"> <div style="position:absolute; height:12px; top:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;"> <div style="position:absolute; height:12px; top:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;"> <div style="position:absolute; height:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;">Proterozoic <div style="position:absolute; height:12px; top:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;"> <div style="position:absolute; height:12px; top:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;"> <div style="position:absolute; height:12px; top:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;"> <div style="position:absolute; height:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;">Pha.
Note: This intentionally includes a hanging div. You need to close it after you've included any scales, etc.