Text Align
Lesson 7 of 9 in Coddy's How to Center Div or Text using CSS course.
Now let's center some text!
One of the options for centering text horizontally, is to use text-align property.
.parent {
text-align: center;
}The above will center (horizontally) any text inside the parent element.
Challenge
Easycenter the text inside the parent div using text align.
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>