Hộp Flex
Bài học 8 trên 9 trong khóa học Cách căn giữa div hoặc văn bản bằng CSS của Coddy.
Như bạn đã thấy trong các bài học trước, bạn có thể căn giữa div bằng flexbox, cách này cũng áp dụng được cho văn bản!
Nhắc lại cách căn giữa theo chiều ngang và chiều dọc bằng flexbox,
#parent {
display: flex;
align-items: center;
justify-content: center;
}
Thử thách
DễCăn giữa văn bản bằng flexbox!
Tự làm thử
<!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>Tất cả bài học trong Cách căn giữa div hoặc văn bản bằng CSS
Tự luyện tập: Playground Web