text-align rechts in kleiner Breite div

Question

Ich versuche Text in einem kleinen Bereich nach rechts auszurichten. Es wird links ausgerichtet, wenn der Behälter klein ist. Gibt es da eh um es richtig auszurichten?

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

https://jsfiddle.net/a362zr54/

Answer 1

Wenn Sie direction: rtl; fügen Sie es tun, dass

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

<div> 
 
1testtesttesttesttesttesttesttesttest2 
 
</div>

Answer 2

Einfach direction: rtl; zum Container hinzufügen.

Demohttps://jsfiddle.net/a362zr54/1/

Answer 3

Sie direction: rtl; versuchen können, aber dies könnte mess up Ihren Text.

Wenn Ihr Inhalt eine feste Größe wie in Ihrem Beispiel hat. Sie können auch position:absolute;right:0; wie folgt verwenden:

.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>