Make new line without using in HTML

Question

I want to make each one of these element is different line, without using
in HTML,

is block element but I have to fix its

Answer 1

Start by removing float: left from h1.

Then add the rule:

a.view-options {
    display: block;
}

Answer 2

This is the way that works for me.

p.autonewline {white-space: pre-line;}

Answer 3

Make the anchor tags block elements as well.

Answer 4

Take float off the h1 tag and make a tags' display: display: block;

Answer 5

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/

Answer 6

Use CSS to make the anchor link tags blocks:

a.view-options { display: block; }