I\'m trying to find out how I can force elements to start from the bottom going to the top.
I have searched through stackoverflow and I can\'t seem to get the answer th
A css solution fiddle
ul, ul li {
-webkit-transform: scaleY(-1);
-moz-transform: scaleY(-1);
-ms-transform: scaleY(-1);
-o-transform: scaleY(-1);
transform: scaleY(-1);
}
ul {
width: 350px;
}
li {
display: inline-block;
width: 70px;
zoom: 1;
*display: inline;
}
This works by flipping the entire UL
and then each LI
on it's Y axis.