如何将显示设置为内联？ [英] How to set display to inline ?

问题描述

在'标题DIV'中，我无法将div'nav'ul列表项设置为以下代码内联：

Within 'header DIV' I am unable to set the div 'nav' ul list item to inline in the following code:

<div id="nav">
<ul id="mainmenulist">
<li class="hori">Home</li><br />
<li class="hori">About Us</li><br />
<li class="hori">Projects<br />

 <ul>
                <li><a href="#">Completed</a></li>
                <li><a href="#">On going</a></li>
                <li><a href="#">About to start</a></li>
            <li><a href="#">Photo Gallery</a></li>
            </ul>
            </li><br />

<li class="hori">Contact Us</li><br />
<li class="hori">Mail us</li><br />
</ul> <%--mainmenulist--%>
</div> <%--nav--%>

#header {
     top:0px;
     margin:0px;
     padding:0px;
     background-color:Gray;
     color:white;
     height:50px;
     position :fixed;
     text-align:left;
     padding:5px;
     width:1013px;
}

#header h1
{
     margin-top:-2px;
     color:Yellow;
     font-size:xx-large;
}
#nav {
    position:fixed;
    margin-left:82px;
    background-color:#eeeeee;
    height:210px;
    width:640px;
    float:right;
    padding:10x;
    top:22px;


 }
#nav ul#mainmenulist li{

     font-size:medium;
     color:red;
     font-family:Verdana;
      font-weight:normal;
      left:auto;
      cursor:default;

 list-style-type:none;
    }

推荐答案

来自Coimbatore的S.Rajendran写道：

S.Rajendran from Coimbatore wrote:

#nav ul #mainmenulist li

#nav ul#mainmenulist li

你不能混合元素名称和ID选择器。删除 ul ：

You can't mix element names and ID selectors like that. Remove the ul:

#nav #mainmenulist li

尝试通过 CSS Lint [ ^ ]。或者，如果您使用的是Visual Studio，请尝试 CssCop扩展 [ ^ ]。

Try running your CSS through CSS Lint[^]. Or, if you're using Visual Studio, try the CssCop extension[^].

这篇关于如何将显示设置为内联？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！