Làm cách nào để áp dụng chiều rộng của div flex cho nội dung trong HTML?

Sử dụng display:inline-flex để áp dụng chiều rộng của div linh hoạt cho nội dung:

#box {
   display: inline-flex;
   flex-direction: row;
   flex-wrap: wrap;
   max-width: 200px;
   padding: 10px;
   margin: 20px;
   background-color: blue;
}