Odsunięcie tekstu od prawej krawędzi

Question

Cześć,

Wie ktoś może jak odsunąć tekst od prawej krawędzi diva?  Nie mogę użyć paddingu bo jest to progress bar i przy niskich % nie schodzi do 0. Użyłem span'a ale coś się posypało i nie było widać napisu z lewej strony. Swoją drogą lewy odsunąłem za pomocą text-indent.

Pozdrawiam

Comments

<div class="progress">
    <div class="progress-bar progress-bar-success">Tekst po lewej stronie</div>
    <div class="progress-bar progress-bar-danger">Tekst po prawej stronie</div>
</div>

Tekst po lewej stronie

text-align: left;

Tekst po prawej stronie

text-align: right;

Answer 1

Jeżeli przesunięcie ma nie powodować żadnych innych ingerencji w strukturze to polecam opasać tekst np. w <span> i ostylować go: 
 

span {
 position: relative;
 left: 20px;
}

Tekst się przesunie, nie ruszając żadnych innych elementów strony.

Comments

Dobry pomysł, dzięki :)

Answer 2

Dobrze by było, gdybyś podrzucił chociaż część kodu, która zawiera "problem do rozwiązania". Po samym opisie zostaje nam wróżenie z kart albo ewentualnie szklanej kuli.

Comments

Zrobione

Answer 3

spróbuj text-align- center;

Jeżeli o to Ci chodzi

Comments

Dzięki za propozycję ale udało mi się to zrobić tworząc pod divami tekst :)