如何使兩個按鈕在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.