Właściwość CSS – text-align-last

Właściwość CSS text-align-last służy do określania sposób wyrównania ostatniej linki tekstu. Poza tym drobnym szczegółem text-align-last działa analogicznie jak zwykły text-align.

Przyjmowane wartości

• auto – tekst ustawiony jak cała reszta – nic się nie zmienia.
• start – tekst na lewo jeśli piszemy od lewej do prawej i prawej, jeśli kierunek jest od prawej do lewej.
• end – tekst na prawo jeśli piszemy od lewej do prawej i prawej, jeśli kierunek jest od prawej do lewej.
• left – tekst na lewą stronię
• right – tekst na prawo
• center – wyśrodkowuje tekst
• justify – wyjustuje tekst

przykłady:

Cechy kontenera:

.demo{
    border: 1px solid #333;
    width: 334px;
    height: auto;
    text-align: center;
    margin: 0 auto;
    padding: 10px 5px;
    line-height: 34px;
}

text-align-last: left;

.left{
text-align-last: left;
}

text-align-last: right;

.right{
text-align-last: right;
}

text-align-last: center;

.center{
text-align-last: center;
}

text-align-last: justify;

.justify{
text-align-last: justify;
}

Interpretacja przez przeglądarki

źródła:
http://webkod.pl/kurs-css/wlasciwosci/wszystkie/text-align-last
https://developer.mozilla.org/en-US/docs/Web/CSS/text-align-last