body { font-family: arial; border: 1px dotted #000000; }
    pre { border: 1px dotted #000000; }
    td { text-align: justify; }
    h1 { font-family: times new roman; }
    
    span.one, span.two, 
    span.three, span.four {
        float: left;
        font-size: 1.7em;
        padding: 0 0.15em;
        margin: 0 0.15em 0 0;
        border-bottom: outset 4px dotted #000000;
        font-family: times new roman;
        font-stretch: expanded;
         }
  span.one  {background: #90ee90;}
  span.two  {background: #ffa500;}
  span.three  {background: #dda0dd;}
  span.four  {background: #ffff00;}
    
        .tim, .timmy, 
    .timmie, .timbo {
        float: left;
        font-size: 1.7em;
        padding: 0 0.15em;
        margin: 0 0.15em 0 0;
        border-bottom: outset 4px dotted #000000;
        font-family: times new roman;
        font-stretch: expanded;
         }
  .tim  {background: #90ee90;}
  .timmy  {background: #ffa500;}
  .timmie  {background: #dda0dd;}
   .timbo  {background: #ffff00;}