html - 徽标和菜单在html中的对齐方式相同

我是HTML和CSS的初学者。我想把商标和菜单放在同一条线上。我把logo和menu放在同一个div中，并尝试分别在左侧和右侧浮动，但logo和menu仍然处于不同的对齐状态。
这是我的代码：Fiddle
HTML部分：

<div class="set header">
    <div class name="set logo">
        <img src="image/r3v_logo2.png" alt=""/>
    </div>
    <div class="set mainmenu">
        <ul>
            <li><a href="">Home</a> </li>
            <li><a href="">Forum</a> </li>
            <li><a href="">Gallery</a> </li>
            <li><a href="">About Us</a> </li>
            <li><a href="">Facebook</a> </li>
            <li><a href="">Help & FAQ</a> </li>
        </ul>
    </div>
</div>

谢谢。

最佳答案

由此：

<div class name="logo">

对此：

<div class="logo">

然后在css上，尝试执行以下代码：

.logo {
float:right; (it depends on you if you want to place it on left or right)
}

.mainmenu {
float:right;
}

这是我要测试的代码：

<div class="header">
    <div class="logo">
        <img src="image/r3v_logo2.png" alt=""/>
    </div>
    <div class="mainmenu">
        <ul>
            <li><a href="">Home</a> </li>
            <li><a href="">Forum</a> </li>
            <li><a href="">Gallery</a> </li>
            <li><a href="">About Us</a> </li>
            <li><a href="">Facebook</a> </li>
            <li><a href="">Help & FAQ</a> </li>
        </ul>
    </div>
 </div>

或

 <div class="header">
    <div class="logo" style="float:right">
        <img src="image/r3v_logo2.png" alt=""/>
    </div>
    <div class="mainmenu" style="float:right">
        <ul>
            <li><a href="">Home</a> </li>
            <li><a href="">Forum</a> </li>
            <li><a href="">Gallery</a> </li>
            <li><a href="">About Us</a> </li>
            <li><a href="">Facebook</a> </li>
            <li><a href="">Help & FAQ</a> </li>
        </ul>
    </div>
 </div>