将主菜单浮动到站点名称右侧

Question

你好，我今晚做了最简单的任务似乎有点麻烦。试图让我的主菜单浮动到my site站点名称的右侧。

<header>
  <div id="header">
    <div class="g3">
      <h1 id="site-name">
    </div>
  </div>
  <div class="cf"></div>
</header>
<nav>
  <div id="primary-menu" class="g3 nav">
    <ul id="main-menu" class="menu links clearfix">
  </div>
</nav>
 <div class="cf"></div>

我不知道我是否应该粘贴CSS代码以帮助我从我可以收集的内容中看起来太多了。欢迎您的光临，并看看。别担心这个烂摊子。

由于

Answer 1

将此样式添加到标题标记：

header {
 width: 110px;
 float: left;
}

，这是您的导航：

nav {
 float: left;
 width: 800px;
 margin: 10px;
}