Question

出于某种原因，我的标题按钮只是：

<a href="#" class="button">Home</a>
<a href="#" class="button">Sign In</a>
<a href="#" class="button">Join!</a>

我希望它们与h1标签一起显示内联，尽管它们不是。 html / css在这里：http://jsfiddle.net/XqsvP/

我不确定我需要使用什么内联css或什么。

Answer 1

默认情况下，

<div>元素是“块”级元素。这意味着它们总是先于可以被认为是新行的东西，而不是与当前行“内联”。

在您链接到的jsFiddle上，尝试将div.right更改为display:inline;或display:inline-block;（CSS的第25行）。这将导致<div>与当前行“内联”显示。

我已经分开你的小提示来证明我建议的改变： http://jsfiddle.net/CBEGS/1/

请注意，垂直边距可能需要进行一些调整，并且包装可能仍会强制按钮包裹到下一行，但解决这些单独的问题是一个单独问题的主题：）

要让div.right右对齐且h1.nobreak左对齐，您可能需要将div.header_div的宽度设置为100％，以使其与右侧对齐页面而不是狭窄的div的权利。

此外，这些问题可能具有相关性：