Sử dụng căn chỉnh các mục thuộc tính có giá trị đường cơ sở để căn chỉnh các đường cơ sở của văn bản.
Bạn có thể thử chạy mã sau để triển khai đường cơ sở giá trị
Ví dụ
<!DOCTYPE html>
<html>
<head>
<style>
.mycontainer {
display: flex;
height: 200px;
background-color: red;
align-items: baseline;
}
.mycontainer > div {
background-color: orange;
text-align: center;
line-height: 60px;
font-size: 30px;
width: 100px;
margin: 5px;
}
</style>
</head>
<body>
<h1>Queue</h1>
<div class = "mycontainer">
<div>Q1</div>
<div>Q2</div>
<div>Q3</div>
<div>Q4</div>
</div>
</body>
</html>