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;
}