html - 将我的下拉菜单放在右边

Question

在我的网站上 MInGamez.com我有一行名为 Products 的文本，我稍后会将其更改为 Menu ，但我遇到了问题，因为我需要它并且下拉菜单必须是正确使用其预定义的 35px； ，那么我怎样才能将我的下拉菜单对齐到右边呢？

JsFiddle

并且因为我必须使用 js fiddle 添加代码，所以我将在下面发布我的 html，

HTML

<!--start menu -->
<div id='cssmenu'>
<ul>
<!-- site logo -->
    <li class='active'><a href='index.html'><span><img style="height: 35px;width:75;" src="images/logo_image.png" alt="website logo"/></span></a>
    </li>
<!-- end site logo -->
<!-- search form -->
        <li class="active"><span>
<div>
<form id="searchform">
    <div>
    <input type="text" size="30" value="" id="inputString" onkeyup="lookup(this.value);" />
    </div>
    <div id="suggestions"></div>
</form>
</div>
    </span>
        </li>
<!-- end search -->
<!-- drop down -->
    <li class='has-sub'><a href='#' style="align:right;"><span>Products</span></a>

        <ul>
            <li class='has-sub'><a href='#'><span>Product 1</span></a>

                <ul>
                    <li><a href='#'><span>Sub Item</span></a>
                    </li>
                    <li class='last'><a href='#'><span>Sub Item</span></a>
                    </li>
                </ul>
            </li>
            <li class='has-sub'><a href='#'><span>Product 2</span></a>

                <ul>
                    <li><a href='#'><span>Sub Item</span></a>
                    </li>
                    <li class='last'><a href='#'><span>Sub Item</span></a>
                    </li>
                </ul>
            </li>
        </ul>
<!-- end drop down -->
</ul>
</div>
<!-- end menu -->

Answer 1

类似于 this ？

我添加了:

#cssmenu ul ul > li:hover > ul {
    left: 190px !important;
}