reorder inline-block elements css
.parent {
width: 100%;
height: 100%;
border: 1px solid green;
text-align: center;
text-align: left;
float: left;
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
}
.parent > div {
display: inline-block;
position: relative; <------
float: right; <------
display: block;
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
}