Ein css-Dropdown-Menü aufheben?

Question

Entschuldigung, mein Schlechter, war wirklich müde von dem Versuch, das Problem herauszufinden. Also lemme die Frage - "Wie mache ich Drop-Down-Menü unter bestimmten Artikel von meinem zentrierten horizontalen Menü". (Ich habe den Code ein wenig verändert)

HTML

<div class="menu"> 
    <ul id="nav"> 
    <li><a href="#">link 1</a></li> 
    <li><a href="#">link 2</a></li> 
    <li><a href="#">link 3</a></li> 
    <li><a href="#">link 4</a> 
     <ul id="dropdown"> 
     <li><a href="#">sublink1</a></li> 
     <li><a href="#">sublink2</a></li> 
     </ul> 
    </li> 
    </ul> 
</div> 

CSS zentrierter .menu

#nav { 
    list-style: none; 
    margin: 0; 
    padding: 0; 
    text-align: center; 
    height: 30px; 
    position: relative; 
} 

#nav li { 
    display: inline; 
} 

#nav a { 
    display: inline-block; 
    padding: 10px; 
    margin-top: 40px; 
    font-family: "oswald", sans-serif; 
    color: black; 
    text-decoration: none; 
} 

#nav a:hover { 
    background-color: rgba(107, 163, 252, 0.28); 
} 

Answer 1

fügen Sie einfach

ul#dropdown 
{ 
    padding: 0px; 
} 

sehen jsfiddle hier: https://jsfiddle.net/yxLzbkL3/

bearbeiten fy i: Wenn das Padding nicht angegeben ist, wird das User-Agent-Styling in Ihrem Browser automatisch mehrere Listen mit Padding einrücken.