<style>
  *{
      padding: 0;margin: 0;
      list-style: none;
  }

  li{
      width: 90px;
      height: 190px;
      margin-right: 10px;
      float:left;
      background-color: chocolate;
  }
  div{
      width: 55px;
      height:55px;
      line-height:55px;;
      background-color: #f00;
      
      margin:0 auto;
      margin-bottom: 10px;
      text-align: center
  }

</style>


<ul id="ul"></ul>

<script>
    var str1=''
    var str2=''


    for(i=0;i<3;i++){
        str1+="<li>"
        for(j=0;j<3;j++){
            str1+='<div></div>'
        }
        str1+="</li>"
    }
    ul.innerHTML=str1

    </script>