<ol id="timeline">
            <li class="event founded"></li>
            <li class="event grant"></li>
        </ol>


        #timeline {
          height: 500px;
          width: auto;
          margin: 0;
          background: red;
       }

       .event {
          height: 500px;
        }

      .founded {
         width: 400px;
         float: left;
         background: blue;
       }

       .grant {
          width: 800px;
          background: yellow;
       }

.