Border before and after Menu

[zeyo]

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>
              </a>  
              <div class="navbar-links">
                <ul>
                  <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>
                </ul>
              </div>
       ----------------------------------------------- here should be a line
            </nav>

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

[Roma]

@zeyo

i tried before and after pseudos but idk what im doing wrong.

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.