Background Color To Be The Same Height And Width As The Text Or Link

How to i reduce the height of the background color to be almost the same height as the link and i tried to use height on CSS but it didn't work CSS .login { color: #4CAF50;

Solution 1:

Remove padding:

.logina {
  padding: 0px; /* or 1.. */
}

Solution 2:

Those look like bootstrap classes, so I would say you likely need to remove padding and/or margins from navbar-nav.

You can do this by adding your own class to it and using that to add overriding styles. For example:

CSS:

.navbar-nav.navbar-nospace {
  margin: 0px;
  padding: 0px;
}

HTML:

<ul class="nav navbar-nav navbar-nospace">