24
मुझे निम्न परीक्षण पृष्ठ और सीएसएस मिला है। प्रदर्शित होने पर, प्रत्येक सूची आइटम के बीच एक 4 पीएक्स अंतर होता है। मैं वस्तुओं को एक दूसरे के बगल में कैसे प्राप्त करूं?सीएसएस क्षैतिज सूची वस्तुओं के बीच सफेद जगह से छुटकारा पाने के लिए कैसे?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<link type="text/css" rel="stylesheet" href="/stylesheets/test.css" />
</head>
<body>
<div>
<ul class="nav">
<li class="nav"><a class="nav" href="#">One1</a></li>
<li class="nav"><a class="nav" href="#">Two</a></li>
<li class="nav"><a class="nav" href="#">Three</a></li>
<li class="nav"><a class="nav" href="#">Four</a></li>
</ul>
</div>
</body>
</html>
सीएसएस:
ul.nav, ul li.nav {
display: inline;
margin: 0px;
padding: 0px;
}
ul.nav {
list-style-type: none;
}
li.nav {
background-color: red;
}
a.nav {
background-color: green;
padding: 10px;
margin: 0px;
}
a:hover.nav {
background-color: gray;
}
फ़ॉन्ट आकार को कम करने और इसे बहाल करने के लिए मेरे लिए चाल है, धन्यवाद – kitschmaster
मुझे पता है कि यह प्रश्न थोड़ा पुराना है लेकिन एक और विकल्प है - प्रत्येक ' 'और' -> के बाद '' से पहले। ध्यान दें कि मैंने यह नहीं कहा कि यह एक अच्छा समाधान था! हालांकि, उपर्युक्त विकल्पों की तुलना में यह मेरी पसंदीदा विधि बन गया है। – ClarkeyBoy
फ्लोट बाएं भी काम करता है, लेकिन मेरे लिए अवांछित साइड इफेक्ट्स के साथ आया था। फ़ॉन्ट आकार शून्य चाल है। धन्यवाद – nest