কম্পিউটার টিউটোরিয়াল

HTML-এ তিনটি <div> সাইড বাই সাইড (Side by Side) রাখা


CSS প্রোপার্টি ব্যবহার করে HTML-এ তিনটি <div> সাইড বাই সাইড রাখা যায়। এজন্য CSS float প্রোপার্টি ব্যবহার করুন।

সাথে height:100px যোগ করুন এবং মার্জিন সেট করুন।HTML-এ তিনটি <div> সাইড বাই সাইড (Side by Side) রাখা

উদাহরণ

নিচের কোড চালিয়ে তিনটি <div> সাইড বাই সাইড রাখুন:

<!DOCTYPE html> <html>    <head>       <title>HTML div</title>    </head>    <body>       <div style="width: 100px; float:left; height:100px; background:gray; margin:10px">          প্রথম DIV       </div>       <div style="width: 100px; float:left; height:100px; background:yellow; margin:10px">          দ্বিতীয় DIV       </div>       <div style="width: 100px; float:left; height:100px; background:red; margin:10px">          তৃতীয় DIV       </div>     </body> </html>

  1. HTML-এ দুটি <div> সাইড বাই সাইড (Side by Side) রাখা

  2. HTML ফর্মে ডেটা গ্রুপ করার পদ্ধতি

  3. HTML DOM Style flexGrow প্রপার্টি

  4. HTML DOM Style flexFlow প্রপার্টি