JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="id"></div>

CSS

.id {
  width: 600px;
  height: 220px;
  background: #464c74;
  display: flex;
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  -webkit-align-content: flex-end;
  -webkit-align-items: flex-end;
  flex-flow: row wrap;
  align-content: flex-end;
  align-items: flex-end;
}

.ee {
  width: 160px;
  height: 20px;
  margin-left: 20px;
  background: red;
  margin-top: 5px;
}

JavaScript

for (let i = 1; i < 10; i++) {
  setTimeout(function timer() {
    $('.id').prepend('<div class="ee">' + i + '</div>');
  }, i * 1000);
}