I have a menu in my website which is not aligned.

Picture

[![enter image description here](https://i.stack.imgur.com/O0zT0.png)](https://i.stack.imgur.com/O0zT0.png)

How do I go about aligning all the text of nav menu with the text of the blue button on right? I have tried the following code which doesn't seem to work right.

**HTML**

```
  <nav class="navbar bg-color3">
  <div class="container-fluid">
    <a href="#"><img src="/Content/images/uploads/photo-01.png" width="410" alt="PG Portal de Gastos" style="float: left; margin: 18px 10px 10px 0;"></a>
    <button class="round-toggle navbar-toggle menu-collapse-btn collapsed" data-toggle="collapse" data-target=".navMenuCollapse">
      <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span>
    </button>
    <div class="collapse navbar-collapse navMenuCollapse">
      <div class="login-panel">
        <ul id="nav-list" class="nav pull-right">
          <li><a href="#intro-center-image" class="btn btn-default goto" style="border: 1px solid transparent;">Inicio</a></li>
          <li><a href="#benefits-grid-num-2" class="btn btn-default goto" style="border: 1px solid transparent;">Beneficios</a></li>
          <li> <a href="#benefits-grid-images" class="btn btn-default goto" style="border: 1px solid transparent;">Funcionalides</a></li>
          <li><a href="#price-3col" class="btn btn-default goto" style="border: 1px solid transparent;">Planes</a></li>
          <li><a href="#contact-full" class="btn btn-default goto" style="border: 1px solid transparent;">Contacto</a></li>

                                <li class="sub-menu-parent">
                                    <a class="btn " href="#">Iniciar Sesión <i class="icon right-icon icon-login"></i></a>
                                    <ul class="sub-menu">
                                        <li>
                                                <a class="btn btn-primary" style="border: 1px solid transparent;" href="@Url.Action("Login", "Cuenta")">
                                                    Portal 
                                                </a>
                                        </li>
                                        <li>
                                            <a class="btn btn-primary" style="border: 1px solid transparent;" href="http://web.com/">
                                                Portal
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <a class="btn btn-primary" href="@Url.Action("Registrar", "Cuenta")">
                                    Iniciar Prueba<i class="icon right-icon icon-download"></i>
                                </a>
                            </ul>

    </div>

                    </div>
                </div>
            </nav>

```