尝试复制BBC网站时出现CSS代码问题

Question

我刚刚开始使用网页编码，当我尝试重新创建BBC网站时，我遇到了菜单栏项定位的问题。菜单选项应该从右到左，而只是显示为列表，与顶部的徽标和登录部分位于同一行。

我希望你能协助告诉我我做错了什么。这是我的jsbin代码转储：

https://jsbin.com/wuteni/edit?html,output

非常感谢任何帮助或提示。

Answer 1

#topmenudiv ul {
  margin:0;
  padding:0;
  list-style-type:none;
}

#topmenudiv ul li {
  display:inline;
  vertical-align:top;
}

现在让图像也在线改变HTML：

<div id="topmenudiv">
    <ul>
        <li><img src="images/signin.png"/></li>
        <li><img src="images/bbclogo.png"/></li>
        <li> News </li>
        <li> Sport </li>
        <li> Weather </li>
    </ul>
</div>