2n+1

by Alexandru Gatea

HTML

<ul>

</ul>

SCSS

*{margin:0; padding:0;box-sizing:border-box;}

ul {
  position:relative;
  width:100%;
  padding: 20px;
  li {
    display:inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    width:50px;
    height:50px;
    border-radius:50%;
    border: 1px solid #ddd;
    background: #fff;
    text-align:center;
    line-height: 48px;
    color:#212121;
    font-size:12px;
  }
}

JavaScript

var i = 1;

for(var i = 1; i <= 50;i++) {
         $('ul').append('<li>' + i + '</li>');
     }