how to style block of text so that rtl text to be aligned in right and ltr text aligned left?

I have a block of content contains both left-to-right and right-to-left text and I want to display both correctly.

1. if the user started with ltr text , the direction to be ltr and text-align left
2. and if the user started with rtl text , the direction to be rtl and text-align to be right

I wanna do that with only CSS .

I think we should have something like this , But direction Auto is not exist

.content {
direction : auto // rtl for rtl text and vice versa
text-align : auto 
}