[Solved] Stacking several small divs or images next to eachother

by


Here’s an example: jsBin responsive

And here’s the non-responsive

body{ /* or a DIV parent */
  perspective: 1000px;
}

div{
  padding: 60px;
  white-space: nowrap;
  transform: rotate3d(-20, -20, 15, -40deg);
}

div span{
  display: inline-block;
  width: 50px;
  height: 50px;
  color: #fff;
  font: bold 2em/1.5 sans-serif;
  text-align: center;
  margin:2px;
}
.W{background:#55CA55;}
.L{background:#D52A30;}
.D{background:#CCDC31;}
<div>
  <span class=W>W</span>
  <span class=W>W</span>
  <span class=L>L</span>
  <span class=W>W</span>
  <span class=L>L</span>
  <span class=W>W</span>
  <span class=D>D</span>
</div>

solved Stacking several small divs or images next to eachother