सूची को मध्य में कैसे रखें

CSS के द्वारा सूची को मध्य में कैसे रखें सीखें。

HTML सूची को मध्य में रखें

पहला कदम - HTML जोड़ें:

इसे <ul> एलिमेंट को कंटेनर एलिमेंट के अंदर बंधा हुआ है, जैसे <div>:

<div class="container">
  <ul class="myUL">
    <li>कॉफी</li>
    <li>चाय</li>
    <li>कोला</li>
  </ul>
</div>

दूसरा कदम - CSS जोड़ें:

इसे <div> एलिमेंट को मध्य में आकार दें, और <ul> का प्रदर्शन बदलकर inline-block。

या, आप बाईं पासे से समानता देकर साफ दृश्य प्राप्त कर सकते हैं:

div.container {
  text-align: center;
{}
ul.myUL {
  display: inline-block;
  text-align: left;
{}

अपने आप सबसे प्रयोग करें

संबंधित पृष्ठ

पाठ्यक्रम:CSS एकीकरण