As far as I know with CSS knowledge,
textAlign:left means the text should be stick left of the element. W3School textalign
but in Openlayers, it looks working opposite.
Openlayers vector label example.
click the link above, and choose
align select box, then press
refresh then the texts moves to right side like
textAlign work in OpenLayers?