javascript - 如何在javascript中使两个按钮出现在彼此的下面？

Question

如何在 Javascript 的下拉菜单中使两个按钮出现在彼此下方？这是我尝试过的代码，但它们彼此相邻:

        <ul class="nav navbar-nav navbar-right">
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    <i class="glyphicon glyphicon-pencil"></i>&nbsp;Registeration Menu&nbsp;<b class="caret"></b>
                </a>
                <ul class="dropdown-menu">
                    <a id="btn-register" href="#">User</a>

                    <a id="btn-registerAdmin" href="#">Admin</a>
                </ul>
            </li>
            <li>
                <a href="@Url.Action("Login", "Account")">Login</a>
            </li>
        </ul> 

Answer 1

<li><a id="btn-register" href="#">User</a></li>
<li><a id="btn-registerAdmin" href="#">Admin</a></li>

Add <li> tags.