Wie "Rand" in HTML-Navbar entfernen?

Question

Ich versuche, Top-Menü für diese Website hinzuzufügen, aber es fügt nur "Ränder" für das Topmenü hinzu.

body { 
 
    background-color: #2E3058; 
 
    font-family: 'sans-sefir'; 
 
} 
 
#topMenu { 
 
    width: 100%; 
 
    height: 50px; 
 
    margin: 0; 
 
    padding: 0; 
 
    border-bottom: 1px solid #ccc; 
 
    background-color: #3A3D70; 
 
}

<div id="topMenu"> 
 
    <button class="topMenuBtn">Home</button> 
 
    <button class="topMenuBtn">Forum</button> 
 
    <button class="topMenuBtn">About</button> 
 
</div>

Answer 1

body { 
 
    background-color: #2E3058; 
 
    font-family: 'sans-sefir'; 
 
} 
 
#topMenu { 
 
    width: 100%; 
 
    margin: 0; 
 
    padding: 0; 
 
    border-bottom: 1px solid #ccc; 
 
    background-color: #3A3D70; 
 
}

<div id="topMenu"> 
 
    <button class="topMenuBtn">Home</button> 
 
    <button class="topMenuBtn">Forum</button> 
 
    <button class="topMenuBtn">About</button> 
 
</div>

entfernen Sie die Höhe Teil aus der CSS-Datei