右揃えの小文字の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;を追加することを行います。

あなたがdirection: rtl;を試すことができますhttps://jsfiddle.net/a362zr54/1/

Answer 3

デモが、これかもしれないが台無しにあなたのテキスト。

あなたのコンテンツがあなたの例のように固定サイズである場合。また、このような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>