Menu
CoddyTech

Căn chỉnh văn bản

Bài học 7 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.

Giờ hãy căn giữa một đoạn văn bản!

Một trong những cách căn giữa văn bản theo chiều ngang là sử dụng thuộc tính (property) text-align.

.parent {
	text-align: center;
}

Đoạn code trên sẽ căn giữa theo chiều ngang mọi văn bản bên trong phần tử cha.

challenge icon

Thử thách

Dễ

Căn giữa văn bản bên trong div cha bằng cách dùng text align.

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