Cách làm cho div flex co giãn theo nội dung trong HTML

Sử dụng display: inline-flex để div flex tự điều chỉnh chiều rộng theo nội dung:

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