Border before and after Menu

Hi! first of all thank you for helping me so much over all your tutorials on youtube, i love it!!
i got a i think simple question. i want my navbar have before and after a straight line but i cant get it right somehow.

            <nav class="navbar"> 
            ---------------------------------------- here should be a line
<p class="border-menu"></p>
              <a href="#" class="toggle-button">
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
              <div class="navbar-links">
                  <li><a href="#">home</a></li>
                  <li><a href="#about">services</a></li>
                  <li><a href="#">projects</a></li>
                  <li><a href="#">about</a></li>
                  <li><a href="#">contact</a></li>
       ----------------------------------------------- here should be a line

should look like this : Screenshot - 46cbfb5438177c4740ddc3870f1cfb22 - Gyazo
i marked the lines where i want them in the html. i tried before and after pseudos but idk what im doing wrong.

thank you <3

We don’t know what you’re doing wrong either. Do you see partial lines or no lines at all?

If you want help you need to provide all relevant code rather than just a small snippet of only one part.
Better if you provide a link to a pen with your code.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.