React exact path highlight

nav ul {
  list-style: none;
  display: flex;
  background-color: black;
  margin-bottom: 20px;
}

nav ul li {
  padding: 20px;
}

nav ul li a {
  color: white;
  text-decoration: none;
}

.current {
  border-bottom: 4px solid white;
}

Source: stackoverflow.com

Similar codes

1 vote283 views1 answer
Font condensed
CSS
14 votes347 views2 answers
.col-12 bootstrap
CSS Bootstrap
7 votes224 views2 answers
Html vertical and horizontal center
CSS
0 vote276 views1 answer
Sticky footer bootstrap 3
CSS
2 votes281 views1 answer
Css align to left
CSS
0 vote362 views2 answers
Materialize css for react
CSS Materialize
7 votes273 views2 answers
Create circle border css
CSS
15 votes289 views3 answers
Drop shadow image css
CSS
0 vote340 views1 answer
Fixed div with scrollable content
CSS
0 vote321 views1 answer
Set default rem css
CSS