在小宽度div中将文本右对齐

Question

我正在尝试在一个较小的区域中将文本右对齐。当容器较小时，它将变为左对齐。反正有强迫它正确对准吗？

div 
{ float: right;
width: 100px;
height: 50px;
text-align: right;
border: thin solid black;
}

https://jsfiddle.net/a362zr54/

Answer 1

如果添加direction: rtl;它会做到这一点

div { 
  float: right;
  width: 100px;
  height: 50px;
  text-align: right;
  border: thin solid black;
  direction: rtl;
}

<div>
1testtesttesttesttesttesttesttesttest2
</div>