Sử dụng hướng uốn cong thuộc tính có hàng giá trị để đặt các mục linh hoạt theo chiều ngang, từ phải sang trái.
Ví dụ
Bạn có thể thử chạy mã sau để triển khai giá trị đảo ngược hàng -
<!DOCTYPE html>
<html>
<head>
<style>
.mycontainer {
display: flex;
flex-direction: row-reverse;
background-color: orange;
}
.mycontainer > div {
background-color: white;
text-align: center;
line-height: 40px;
font-size: 25px;
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>Q5</div>
<div>Q6</div>
</div>
</body>
</html>