Flip horizontally html and css

Your fiddle already had the start of the answer – to do a second flip on the text. There was an extra , preventing the second rule from being parsed.

I’ve updated the fiddle to include the heading elements, and set them to inline-block because inline elements can’t be transformed.

.flip-horizontal, .x-grid-cell-inner, .x-column-header-text, .x-panel-header-text {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph; /*IE*/
    filter: fliph; /*IE*/
}

.x-column-header-text, .x-panel-header-text {
    display: inline-block;
}