Để căn giữa một phần tử theo chiều dọc trong CSS, hãy sử dụng phần đệm trên cùng và dưới cùng.
Ví dụ
Bạn có thể thử chạy đoạn mã sau để căn giữa một phần tử
<!DOCTYPE html>
<html>
<head>
<style>
.center {
padding: 50px 0;
border: 2px solid blue;
}
</style>
</head>
<body>
<h2>Center Vertically</h2>
<p>In this example, we use the padding property to center the div element vertically:</p>
<div class = "center">
<p>I am vertically centered.</p>
</div>
</body>
</html> Đầu ra
