IDE insert white space and the browser read them as char how to get rid of it? i'm using VSCode

Issue

When I'm trying to make navbar there was a problem with space which I don't know from where it came!

I set the margin to 0 and the padding nothing happened also box-sizing to border-box no luck !

1:

*::after,
*::before {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

body {
    background-color: darkblue;
}

nav {
    width: 100%;
    background-color: #f8f8f8;
    border-bottom: 1px #e7e7e7 solid;
    color: #777;
}

.logo,
.navbar {
    display: inline;
}

.logo {
    padding: 20px;
}

.navbar {
    width: 100%;
}

.navbar li {
    list-style-type: none;
    display: inline-block;
    padding: 20px;
}

Solution

Doing this would solve it for you!

.navbar li {
    list-style-type: none;
    display: inline-block;
    padding: 20px;
    content: "";
}

Answered By - NeX'T'iME