html - float 右上 Angular 和左上 Angular 以及自动换行

我有一个网页，该网页的左上角应包含<h1>标题，右上角应包含一个水平列表。没有为这两个元素指定宽度。我似乎无法解决的问题是，如果<h1>的内容变长，我希望将其包装。但是无论内容多长，无论我如何尝试，列表都会下推到下一行。帮助将不胜感激。

优选地，我想使用以下标记：

<div>
    <h1><a href="#">A header which should wrap and leave the list unaffected</a></h1>
    <ul>
        <li>One</li>
        <li>Two</li>
        <li>Three</li>
    </ul>
</div>

对于定位，我目前使用以下样式：

h1 {
    margin:0;
    padding:0;
    float:left
}

ul { float:right }

li {
    float:left;
    list-style-type: none
}

万一有人帮助我，我创建了一个小提琴：http://jsfiddle.net/Sj5SW/

最佳答案

这在jsfiddle中有效

更新的代码：

h1 {
    margin:0;
    padding:0;
}

ul { float:right }

li {
    float:left;
    list-style-type: none
}


<div>
    <ul>
        <li>One</li>
        <li>Two</li>
        <li>Three</li>
    </ul>
    <h1><a href="#">A header which should wrap and leave the list unaffected</a></h1>
</div>

关于html - float 右上 Angular 和左上 Angular 以及自动换行，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17867334/