Menu
Coddy logo textTech

Wyrównanie tekstu

Lekcja 7 z 9 w kursie Jak wyśrodkować element div lub tekst za pomocą CSS w Coddy.

Teraz wyśrodkujmy tekst!

Jedną z opcji poziomego wyśrodkowania tekstu jest użycie właściwości text-align.

.parent {
	text-align: center;
}

Powyższy kod wyśrodkuje (poziomo) dowolny tekst wewnątrz elementu nadrzędnego.

challenge icon

Wyzwanie

Łatwy

Wyśrodkuj tekst wewnątrz elementu div parent za pomocą wyrównania tekstu.

Spróbuj swoich sił

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <div class="parent">
            <p class="text">
                This is some text
            </p>
        </div>
    </body>
</html>

Wszystkie lekcje w sekcji Jak wyśrodkować element div lub tekst za pomocą CSS

Poćwicz samodzielnie: Edytor online Web