1

簡単なHTMLの質問：

この順序付けされていないリストのテキストをdivの先頭に揃えるにはどうすればよいですか？

<div id="menucontainer">
                <ul id="menu">
                    <li style="vertical-align:top"><a href="/">Home</a></li>
                    <li><a href="/Home/About">About</a></li>
                </ul>
            </div>



/* TAB MENU   
----------------------------------------------------------*/
ul#menu {
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li {
    display: inline-block;
    list-style: none;
     vertical-align:top;

}

ul#menu li#greeting {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;

}

ul#menu li a {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;

}
4

1 に答える 1

6

デフォルトのように見えますが、これにより、邪魔になっているスタイルが修正されるはずです。

ul#menu li {display: inline-block; vertical-align: top;}

http://jsfiddle.net/uyhHh/

于 2013-02-05T03:53:26.827 に答える