Question

我认为我应该很清楚我要尝试做些什么：http://jsfiddle.net/spadez/6BHW6/9/

我想让它全部在一条线上对齐，并且名称和箭头对齐在条形图的右侧。我相信我已经为此准备了正确的代码，但它似乎没有按预期工作。

我为名字和箭头做了align: right但他们没有显示
我为display: inline-block做了ul，但它不会停留在一行

有人可以告诉我哪里出错了吗？

Answer 1

li 您想要内联显示，而不是 ul ：

#nav li {
    display: inline-block;
}

Answer 2

JSFiddle

添加一个新的ul，其中包含您想要的元素。

<header>
    <ul class="right">
        <li><a href="#">&#9660;</a></li>
        <li><a href="#">Name</a></li>
    </ul>
    <ul id="nav">
        <li><a href="#">Title</a></li>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
    </ul> 
</header>

按照您的意愿为最上层的right提供一个。

li元素是您要显示的元素inline-block;

导航不会坐在一条线上或对齐

2 个答案: