Sử dụng justify-content thuộc tính có giá trị không gian xung quanh để thêm khoảng trắng gần 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-around;
}
.mycontainer > div {
background-color: orange;
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>