无法让List显示为内联?

时间:2015-05-31 15:28:12

标签: css html5

我更希望保持内联列表的CSS。不在单独的CSS中。这是我的身份堆叠的方式吗?任何其他评论也将不胜感激。

    <!doctype html>
    <html>
    <head>
    <title>My First Site</title>
    <meta charset="utf-8"/>
    <link rel="stylesheet" href="styles.css">
    </head>

    <body>

    <div id="container"><!--entire body-->

    <div id="topbar"><!--css uses a #-->

    <div class="fixedwidth"><!--.fixedwidth in css-->

    <div id="logodiv">
    <img src="logo.png" alt="site logo">
    </div><!--logodiv-->


    <div id="topMenuDiv"><!-- should this be the div id?  or should it be in the ul?-->

    <ul style="list-style-type:none"; 
    display:inline;>

    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    </ul>
    </div><!--topmenudiv"-->

    </div><!--topbar-->
    </div><!--fixedwidth-->

    </div><!--container-->
    </body>
    </html>

2 个答案:

答案 0 :(得分:1)

true只是简单的拼写错误。

答案 1 :(得分:0)

您的语法错误:

<ul style="list-style-type:none"; 
display:inline;>

应该是这样的:

<ul style="list-style-type:none; display:inline;">

CSS:

ul, ul li { list-style-type;none; display:inline-block; }