ansaurus

Question

Answer 1

+1 A:

Not sure if this is what you mean but you can use <br/> tags

<body>
<div class="sample">
<a href="#">aaaa</a><br/>
<a href="#">bbbb</a><br/>
<a href="#">cc</a><br/>
<a href="#">ddddd</a><br/>
<a href="#">eee</a><br/>
<a href="#">fff</a><br/>
</div>

AutomatedTester 2009-07-12 13:04:07

Answer 2

+1 A:

Use unordered list instead of this!

element
element
element
element

If you explicit want a linebreak, mark up a br, or set display: block css parameter to the 'a' tags.

.sample a{
      display: block;
}

erenon 2009-07-12 13:05:12

A list is the best solution, but the OP probably doesn't want bullet points or indentation, in which case you need to add `list-style:none` on the `li` element, and `padding:0` on the `ul` element.

DisgruntledGoat 2009-07-12 22:35:48

Answer 3

+1 A:

Use display: block for <a>:

<!--
    .sample {
        width: 220px;
    }

    .sample a {
        display: block;
    }
-->

eu-ge-ne 2009-07-12 13:06:18

Answer 4

A:

Convert the <a> elements into block. Block elements will break unless floated.

Add this into your CSS or style:

a { display: block; }

Adrian Godong 2009-07-12 13:06:27

ansaurus

tags:

views:

answers:

How to break line by each element unit

related questions