use text-align smartly (if english dir=ltr if arabic dir=rtl)

Question

I have a community web site and I want that users write

• English posts with direction LTR / text-align: left) and
• Arabic posts with direction RTL / text-align: right.

E.g. Google+ and twitter provides such an POST solution.

I want add automatically direction attribute to post when i read it from data base post load in rtl or ltr ! but i don't know how ?!

Answer 1

There is a CSS-only solution:

div {
    text-align: start;
    unicode-bidi: plaintext;
}

jsFiddle

Unfortunately this solution doesn't work with Microsoft Edge.