HTML में फ्लेक्स डिव की चौड़ाई को कंटेंट के अनुसार कैसे एडजस्ट करें?

फ्लेक्स डिव की चौड़ाई को कंटेंट के अनुसार अपनाने के लिए display: inline-flex का उपयोग करें:

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