JSFiddle - React, Tailwind, and code Playground

by lollero

CSS

.circle {
  display: inline-block;
  text-align: center;
  width: 45px;
  height: 45px;
  line-height: 45px;
  margin: 5px;
  background: #f9f9f9;
  border: 1px solid #e1e1e1;
  border-radius: 200px;
}

JavaScript

for  ( var i=0; i < 10; i++ ) {
	
  $('<div class="circle">'+ ( i+1 ) +'</div>').appendTo('body');
  
}