Question

How can I have each of these a elements break on to new lines, but keeping them as display=inline and without br tags?

<div>
   <a href="element1">Element 1</a>
   <a href="element1">Element 2</a>
   <a href="element1">Element 3</a>
</div>

Answer 1

you can do this by defining equal width for the parent <div> and the <a>. assuming you apply a class ‘container’ to the <div>

.container { width: 100px; }
a { width: 100px; display: inline; }