CSS3 - animate text align left/center/right

Question

I\'ve got one line (not wrapped) text inside full width div.

Is it possible to animate this element text alignment so text moves to given

Answer 1

Maybe javascript created marquee would help you out here? tag is not best way but maybe js marquee would suit you. Marquee (with optional start/stop buttons)

Update: As I understand that marquee would not be best for your needs I came out with another solution using margin-left and changing its value.

Value for right button would depend on how long text you would have there but you can always check that width elements width and adjust in code. I have updated the fiddle with that change in mind: final Fiddle