Javascript-форум - небольшая ошибка(с выводом содержимого)

имеется html документ исходный код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>DOM</title>
<script type="text/javascript" src=sj.js></script>
</head>
<body>
<form>
<label>
введите url<br />
<input type="text" size="30" id="newUrl" />
</label>
<br />
<input type="button" value="добавить" id="add" />
</form>
<div id="links"></div>
</body>
</html>

и javascript следующего содержания:

window.onload = function () {
document.getElementById('add').onclick= addNode;
}

function addNode(){
var url=document.getElementById('newUrl').value;
var link=document.createElement('a');
var href=document.createAttribute('href');
var text=document.createTextNode(url);

href.nodeValue=url;

link.appendChild(text);
link.setAttributeNode(href);

document.getElementById('links').appendChild(link);
return true;

}

вопрос: почему выводит в одну строку,теги <br />вроде расставлены правильно.подскажите пожалуйста.