在小宽度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>

Answer 2

只需添加direction: rtl;到容器。

演示https://jsfiddle.net/a362zr54/1/

Answer 3

你可以试试direction: rtl;，但是这可能弄乱你的文字。

如果您的内容具有像您的示例中的固定大小。您也可以使用position:absolute;right:0;这样的：

.container { float: right; 
 
width: 100px; 
 
height: 50px; 
 
border: thin solid black; 
 
position:relative; 
 
} 
 
.content { 
 
    text-align: right; 
 
    position:absolute; 
 
    right:0; 
 

 
}

<div class="container"><div class="content"> 
 
testtesttesttesttesttesttesttesttest 
 
</div> 
 
</div>