JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="lineout">
        <div class="foto">&nbsp;</div><div class="foto">&nbsp;</div><div class="foto">&nbsp;</div><div class="foto">&nbsp;</div><div class="foto">&nbsp;</div><div class="foto">&nbsp;</div><div class="foto">&nbsp;</div><div class="foto">&nbsp;</div><div class="foto">&nbsp;</div><div class="foto">&nbsp;</div><div class="foto">&nbsp;</div><div class="foto">&nbsp;</div><div class="foto">&nbsp;</div><div class="foto">&nbsp;</div><div class="foto">&nbsp;</div>
    </div>
</div>

hoi

CSS

#container {
      text-align: center;
      display: inline-block;
       margin:0 auto;
    padding: 0 0 10px 10px;
}
.foto{
      width: 150px;
      height: 150px;
      display: inline-block; 
       *display: inline;
    *zoom: 1;
background: #FC0;
    margin: 10px 10px 0 0;
}

#lineout {
    text-align:justify;    
    text-aglin:center;
}