Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

CSS के साथ सूची आइटम को दाईं ओर फ़्लोट करें

<घंटा/>

सूची आइटम को दाईं ओर फ़्लोट करने के लिए, फ्लोट का उपयोग करें:सीएसएस में सही संपत्ति। आप इसे लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं,

उदाहरण

<!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 के साथ ग्रिड आइटम का नाम सेट करें

    CSS में ग्रिड आइटम के नाम सेट करने के लिए, ग्रिड-क्षेत्र गुण का उपयोग करें, ग्रिड-टेम्पलेट-क्षेत्रों के साथ संपत्ति: उदाहरण <!DOCTYPE html> <html>    <head>       <style>          .container {         &nb

  1. सीएसएस के साथ कंटेनर के केंद्र में फ्लेक्स आइटम संरेखित करें

    औचित्य-सामग्री का उपयोग करें मूल्य के साथ संपत्ति केंद्र फ्लेक्स-आइटम को केंद्र में संरेखित करने के लिए। उदाहरण केंद्रीय मान को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं <!DOCTYPE html> <html>    <head>       <style>    

  1. CSS में फ्लोट प्रॉपर्टी का उपयोग करके बाएँ और दाएँ संरेखण

    हम सीएसएस फ्लोट प्रॉपर्टी का उपयोग करके एचटीएमएल में तत्वों को संरेखित कर सकते हैं जिसका उपयोग किसी बॉक्स या सामग्री की स्थिति या स्वरूपण के लिए किया जाता है। CSS फ्लोट के साथ डेवलपर तत्व को बाएँ या दाएँ स्थान दे सकता है। उदाहरण आइए तत्वों को संरेखित करने के लिए CSS फ्लोट प्रॉपर्टी का एक उदाहरण देख