我想让这些元素中的每一个都是不同的行，而不在HTML中使用<br />，<h1>是块元素，但我必须修复它的width。如何让锚点位于<h1>而不是旁边？
<h1 id="viewerTitle">Header </h1>
<a href="#" class="view-options">View options</a>
<a href="#" class="view-options">View options</a>
以下是一个示例：http://jsfiddle.net/mmhhd/
答案 0 :(得分：35)
首先从float: left删除h1。
然后添加规则：
a.view-options {
display: block;
}
答案 1 :(得分：13)
替代方式：
删除float:left;中的h1和display: inline-block;中的a.view-options
然后添加
h1:after, a:after {
content:"\a";
white-space: pre;
}
答案 2 :(得分：9)
使用CSS：
a {
display: block;
}
默认情况下，a标记是内联元素，因此您必须更改其显示属性。
从CSS规范：
块级元素是源文档中可视化为块（例如段落）的元素。 'display'属性的以下值构成一个元素块级：'block'，'list-item'和'table'。
http://www.w3.org/TR/CSS2/visuren.html#block-boxes
内联级元素是源文档的那些元素 不要形成新的内容块;内容按行分发 （例如，段落中强调的文本片段，内嵌图像， 等等。）。 'display'属性的以下值构成一个元素 内联级：'内联'，'内联表'和'内联块'。 内联级元素生成内联级框，即框 参与内联格式化上下文。
答案 3 :(得分：5)
使用CSS制作锚链接标记块：
a.view-options { display: block; }
答案 4 :(得分：3)
使锚标记块元素也是如此。
答案 5 :(得分：3)
从h1代码中取出浮动并制作代码'display: block;
答案 6 :(得分：3)
这是适用于我的方式。
p.autonewline {white-space: pre-line;}