JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<span>1</span>
<span>2</span>
<span>3</span>
<span>4</span>
<span>5</span>
<span>6</span>
<span>7</span>
<span>8</span>
<span>9</span>
<span>10</span>
</div>

CSS

div {
    filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=2);  /* IE7 */
    ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; /* IE8 */
    -moz-transform: rotate(-180deg);  /* FF3.5+ */
    -o-transform: rotate(-180deg);  /* Opera 10.5 */
    -webkit-transform: rotate(-180deg);  /* Safari 3.1+, Chrome */
   
    position: absolute;
    width: 200px;
    height: 200px;
    border: cyan 3px solid;
}

span {
    filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=2);  /* IE6,IE7 */
    ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; /* IE8 */
    -moz-transform: rotate(-180deg);  /* FF3.5+ */
    -o-transform: rotate(-180deg);  /* Opera 10.5 */
    -webkit-transform: rotate(-180deg);  /* Safari 3.1+, Chrome */
    
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 5px;
    background: pink;
    border: red 2px solid;
}