如何使导航栏全宽并将选项卡置于中间？

Question

我的网站是 www.bangkokvisitors.com 我是 css 和 HTML 的新手。 我使用了一个子主题并编辑了 style.css。 但输出看起来不像我想要的方式。

我将这些添加到 css

.menu{
height: 42px;
}

.menu li{
position:relative;
float:left;
left:33%;
margin-top:0px;
}

这似乎对我有用。 但是在我保存代码并重新加载网页后，边距不会改变。 请帮我解决这个问题

Answer 1

您必须在正文标签之后添加标题标签。 您还需要更改其中的一些类。

<header multilinks-noscroll="true" id="header" class="blog-header">
    <div multilinks-noscroll="true" class="blog-title container"><a multilinks-noscroll="true" href="http://bangkokvisitors.com/" title="bangkokvisitors.com" rel="home">bangkokvisitors.com</a></div>
    <div multilinks-noscroll="true" class="blog-description container">To shop, to hangout and to explore the city of Angels | <a multilinks-noscroll="true" href="http://bangkokvisitors.com/feed/" title="Subscribe to the RSS Feed of this site" id="rss">RSS</a></div>
    <nav multilinks-noscroll="true" id="blog-menu" class="menu">

        <!--YOUR MENU CODE GOES HERE-->

    </nav>
</header>