HTML में तीन <div> एलिमेंट्स साइड-बाय-साइड कैसे रखें?

CSS float प्रॉपर्टी

तीन <div> एलिमेंट्स को अगल-बगल रखने के लिए सभी पर float: left लगाएं, चौड़ाई, ऊंचाई और मार्जिन सेट करें।

उदाहरण

<!DOCTYPE html> <html>
  <head> <title>HTML div</title> </head>
  <body>
    <div style="width: 100px; float:left; height:100px; background:gray; margin:10px">First DIV</div>
    <div style="width: 100px; float:left; height:100px; background:yellow; margin:10px">Second DIV</div>
    <div style="width: 100px; float:left; height:100px; background:red; margin:10px">Third DIV</div>
  </body>
</html>