Flex Box
Lesson 8 of 9 in Coddy's How to Center Div or Text using CSS course.
As we seen in the previous lessons, you can center div with flexbox, the same can work for text!
Reminder to how to center using flexbox, horizontally and vertically,
#parent {
display: flex;
align-items: center;
justify-content: center;
}
Challenge
EasyCenter the text using flexbox!
Try it yourself
<!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>