matndan kattaroq pastroq

I was wondering if anyone could help me with this. My border-bottom appears longer than the text it underlines and I just want it to fit right under with the same length as the text.
You can see in the picture how it looks: Picture

Men noto'g'ri qilayotganimni bilmayman, har qanday takliflar ajoyib bo'lardi! rahmat

Mana mening kodim:

.navigation {
text-align: center;
margin-top: 0px;
width: 100%;
font-size: 40px;

li.active-link>a{
 text-decoration: none;
 color: $accent-color;

ul {
  margin: 0;
  padding: 0;
}

}

 li {
  position: relative;

  &:hover > a {
    color: #1836a9;
  }

  a:hover {
    color: #1836a9;
    border-bottom: 4px solid #1836a9;
    margin-bottom: -5px;
    display: inline
  }
    }

a {
  display: inline;
}
  }

  .has-dropdown {

&.active {
  > a {
    position: relative;
  }

  > ul {
    display: block;
  }
}

}

0
Minimal, to'liq va tasdiqlanadigan misol ga ega bo'lish uchun sizning html-ni joylashtiring.
qo'shib qo'ydi muallif Michael Coker, manba
Minimal, to'liq va tasdiqlanadigan misol ga ega bo'lish uchun sizning html-ni joylashtiring.
qo'shib qo'ydi muallif Michael Coker, manba
Sizda to'ldirishingiz bormi? li yoki a?
qo'shib qo'ydi muallif El Danielo, manba
Sizda to'ldirishingiz bormi? li yoki a?
qo'shib qo'ydi muallif El Danielo, manba
Sizda to'ldirishingiz bormi? li yoki a?
qo'shib qo'ydi muallif El Danielo, manba
@ Jean-LucB uni margin bilan almashtiring.
qo'shib qo'ydi muallif El Danielo, manba
@ Jean-LucB uni margin bilan almashtiring.
qo'shib qo'ydi muallif El Danielo, manba
@ Jean-LucB uni margin bilan almashtiring.
qo'shib qo'ydi muallif El Danielo, manba
@ElDanielo Padding bor, men uni olib tashlaganimda ishlaydi, lekin menyu elementlari endi bir-biriga juda yaqin!
qo'shib qo'ydi muallif Jean-Luc B, manba
@ElDanielo Padding bor, men uni olib tashlaganimda ishlaydi, lekin menyu elementlari endi bir-biriga juda yaqin!
qo'shib qo'ydi muallif Jean-Luc B, manba
@ElDanielo Padding bor, men uni olib tashlaganimda ishlaydi, lekin menyu elementlari endi bir-biriga juda yaqin!
qo'shib qo'ydi muallif Jean-Luc B, manba
.gavlat-birinchi daraja (pozitsiya: nisbiy; > li {displey: inline-block; > A {padding: 10px 10px; }
qo'shib qo'ydi muallif Jean-Luc B, manba
.gavlat-birinchi daraja (pozitsiya: nisbiy; > li {displey: inline-block; > A {padding: 10px 10px; }
qo'shib qo'ydi muallif Jean-Luc B, manba
.gavlat-birinchi daraja (pozitsiya: nisbiy; > li {displey: inline-block; > A {padding: 10px 10px; }
qo'shib qo'ydi muallif Jean-Luc B, manba

6 javoblar

a elementlarida padding kodini o'zgartiring ( margin ) (bir xil qiymatlar,

1
qo'shib qo'ydi

a elementlarida padding kodini o'zgartiring ( margin ) (bir xil qiymatlar,

1
qo'shib qo'ydi

a elementlarida padding kodini o'zgartiring ( margin ) (bir xil qiymatlar,

1
qo'shib qo'ydi

Qaror topildi! Faqatgina to'ldirishni marginga o'zgartirgan va u juda yaxshi ishlagan, yordamingiz uchun rahmat, u nima noto'g'ri ekanini tushunishga yordam berdi.

0
qo'shib qo'ydi

Qaror topildi! Faqatgina to'ldirishni marginga o'zgartirgan va u juda yaxshi ishlagan, yordamingiz uchun rahmat, u nima noto'g'ri ekanini tushunishga yordam berdi.

0
qo'shib qo'ydi

Qaror topildi! Faqatgina to'ldirishni marginga o'zgartirgan va u juda yaxshi ishlagan, yordamingiz uchun rahmat, u nima noto'g'ri ekanini tushunishga yordam berdi.

0
qo'shib qo'ydi