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

CSS দিয়ে লিস্ট আইটেম ডানে ফ্লোট করুন


লিস্ট আইটেম ডানে ফ্লোট করতে CSS-এ float: right প্রোপার্টি ব্যবহার করুন। নিচের কোড রান করে ইমপ্লিমেন্ট করুন।

উদাহরণ

<!DOCTYPE html> <html>   <head>     <style>       ul {         list-style-type: none;         margin: 0;         padding: 0;       }       li {         float: left;       }       li a {         display: block;         padding: 8px;         background-color: orange;       }     </style>   </head>   <body>     <ul>       <li><a href = "#home">Home</a></li>       <li><a href = "#news">News</a></li>       <li style = "float:right"><a href = "#contact">Contact</a></li>       <li style = "float:right"><a href = "#about">About</a></li>     </ul>   </body> </html>

  1. CSS flex-direction: row দিয়ে ফ্লেক্স আইটেম হরিজেন্টাল সেট করা

  2. CSS-এ গ্রিড আইটেমের নাম সেট করুন

  3. CSS-এ ফ্লেক্স আইটেমকে কন্টেইনারের কেন্দ্রে আপসার করুন

  4. CSS float প্রপার্টি ব্যবহার করে বাম ও ডান אלাইনমেন্ট