css nav bar

Question

how can i create those vertical line between the values on the navbar?

Answer 1

you mean the lines between the boxes right?

for that , one way of doing that is - using css - border property.

like for vertical bar, use
border-bottom: 5px black solid;
for horizontal bar, use
border-right: 5px black solid;

but now one more step, the first box would need an extra line in its top (in vertical) or left (in horizontal)

for that we use
li:first-child{
border-top: 5px black solid;
for vertical
or
border-left: 5px black solid;
for horizontal
}
to draw that extra line by targeting only that box.

Answer 2

Theres no specific tag for that,most of the time css border attribute is used
nav #elems{
border:2px solid white;
}

Answer 3

thats what i meant, thank you!