/* invert elements sort order w/o changing markup: */ .container { direction: rtl; } .container > * { direction: ltr; } /* or */ ul { -webkit-transform: rotate(180deg); transform: rotate(180deg); } ul > li { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }