Flexbox
Lekcja 8 z 9 w kursie Jak wyśrodkować element div lub tekst za pomocą CSS w Coddy.
Jak widzieliśmy na poprzednich lekcjach, możesz wyśrodkować element div za pomocą flexboxa — to samo można zrobić z tekstem!
Przypomnienie, jak wyśrodkować element za pomocą flexboxa w poziomie i w pionie:
#parent {
display: flex;
align-items: center;
justify-content: center;
}
Wyzwanie
ŁatwyWyśrodkuj tekst za pomocą flexboxa!
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