html - サイト名の右側にフローティングメインメニュー

Question

こんにちは私は今夜最も単純なタスクを実行するのに少し問題があるようです。プライマリメニューをサイトのサイト名の右側に表示しようとしています。

<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;
}