Make new line without using <br> in HTML

Question

I want to make each one of these element is different line, without using <br /> in HTML, <h1> is block element but I have to fix its width. How can I make anchors come under <h1> not beside?

<h1 id="viewerTitle">Header </h1>
<a href="#" class="view-options">View options</a>
<a href="#" class="view-options">View options</a>

Here's an example: http://jsfiddle.net/mmhhd/

Answer 1

Start by removing float: left from h1.

Then add the rule:

a.view-options {
    display: block;
}

Answer 2

Alternative way:

Remove float:left; in h1 and display: inline-block; in a.view-options

Then add

h1:after, a:after {
    content:"\a";
    white-space: pre;
}

See http://jsfiddle.net/8my6q/