Problem mit HTML navbar Grenze

Question

Die navbar hat eine untere Grenze, die ich stundenlang mit gespielt um, und ich kann nicht herausfinden, wie man es loswerden:

Ich bin etwas verwirrt über welche Klasse dieses fällt unter:

.navbar{ 
 
    background: transparent; 
 
} 
 

 
.navbar-header, .navbar-right > li > a{ 
 
color: white; 
 
font-family: 'Robato', sans-serif; 
 
font-size: 20px; 
 
line-height: 20px; 
 
padding: 20px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<nav class="navbar"> 
 
<div class="container-fluid"> 
 
    <!-- Brand and toggle get grouped for better mobile display --> 
 
    <div class="navbar-header navbar-brand row"> 
 
    <div class="col-sm-1"> 
 
     <a href="index.html"> 
 
     <img id="logo" src="images/badge.png"> 
 
     </a> 
 
    </div> 
 
    <div class=" col-sm-5 text-left text-uppercase" id="headtext"> 
 
     Chicago Chapter of Delta Upsilon Fraternity 
 
    </div> 
 
    </div> 
 

 
    <div class=""> 
 
    <ul class="nav navbar-nav navbar-right"> 
 
     <li><a href="index.html">Home</a></li> 
 
     <li><a href="about.html">About</a></li> 
 
     <li><a href="leadership.html">Leadership</a></li> 
 
    </ul> 
 
    </div><!-- /.navbar-collapse --> 
 
</div><!-- /.container-fluid -->

Answer 1

i sind in der Lage, die Grenze unten auf die Anker-Tags zu sehen. Dafür kannst du benutzen. Das ist was du von deiner Geige verstehst.

ul li a 
{ 
    text-decoration:none; 
}