html - 将列表项对齐到同一行

标签 html css

使用此布局:http://jsfiddle.net/spadez/JBuE6/6/

在右上角,我希望绿色按钮与右侧的 H1 标签位于同一行,这样每个新列表项都位于下一次的旁边。

我认为这可能与:

display:block

我还没能让它发挥作用,我什至不知道这是否是正确的方法。

最佳答案

将 UL 移到 H1 之前,您应该处于良好状态,例如

<ul>
    <li><a href="#">Create New</a></li>
    <li><a href="#">Create New2</a></li>
    <li><a href="#">Create New3</a></li>
 </ul>
 <h1>Title</h1>

例子: http://jsfiddle.net/52raq/3

关于html - 将列表项对齐到同一行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21461725/

相关文章:

html - 固定位置后,z-index 无法与视觉 Composer 一起使用

javascript - 无法使用 JavaScript 更新 CSS 着色

javascript - 无法在列内添加动态表

Javascript 在本地和服务器上的行为不同

html - 没有计算器的三个 float 列

jquery - 将 div 流入屏幕

html - 无论如何,Plone 4 都会从脚本标签中删除 html 属性

javascript - 使用幻灯片创建 JQuery 灯箱

css - Bootstrap css : make . col fluid inside .container

html - 如何设置平行DIV?