Sử dụng justify-content thuộc tính có giá trị khoảng trắng giữa để thêm khoảng cách giữa các dòng.
Ví dụ
Bạn có thể thử chạy đoạn mã sau để triển khai giá trị khoảng trắng -
<!DOCTYPE html>
<html>
<head>
<style>
.mycontainer {
display: flex;
background-color: red;
justify-content: space-between;
}
.mycontainer > div {
background-color: white;
text-align: center;
line-height: 60px;
font-size: 30px;
width: 100px;
margin: 5px;
}
</style>
</head>
<body>
<h1>Quiz</h1>
<div class = "mycontainer">
<div>Q1</div>
<div>Q2</div>
<div>Q3</div>
<div>Q4</div>
</div>
</body>
</html>