CSS wyśrodkowanie do lewej strony DIVa wyśrodkowanego tekstu

0

Witam.

Mam dość nietypowy problem. Jestem w trakcie tworzenia pewnego zlecenia (WordPress). Klient zażyczył sobie aby w pewnym DIV'ie wyśrodkowany tekst był przyklejony do lewej strony (najdłuższa linia dotyka krawędzi Diva). Czy ktoś ma pomysł jak to zrobić za pomocą CSS'a?

UWAGA! Strona powinna być responsywna, więc padding-right odpada.

 
/*CSS*/
.kontener{
text-align:center;
}
 
/*HTML*/
<div class="kontener">
TEKST
DWULINIOWY
</div>
1

W przypadku gdy linie rozdzielasz BR czy inaczej to spoko. Jeżeli linia się przełamuje to nie bardzo zrobisz samym CSSem.

http://jsbin.com/qelikekahe/edit?html,css,output

0

Czy tekst będzie tylko w samym divie o klasie kontener, czy możesz go jeszcze w coś wrzucić? Jeśli nie, to do klasy kontener możesz dodać display: flex, wtedy będziesz miał tekst do lewej. Nie wiem jakie dokładnie przeglądarki masz wspierać, bo flexbox na starszych IE Ci nie zadziała. http://caniuse.com/#feat=flexbox

1 użytkowników online, w tym zalogowanych: 0, gości: 1