.first { background-color: #EEE; } .second { background-color: #DDD; } .third { background-color: #CCC; } .fourth { background-color: #BBB; } .reverseOrder, .reverseOrder > .child { padding: 10px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
<div class="reverseOrder"> <div class="child first">First child</div> <div class="child second">Second child</div> <div class="child third">Third child</div> <div class="child fourth">Fourth child</div> </div>