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