why is this html looks like this?

[S Mathias]

soruce code of the html file:
http://img443.imageshack.us/img443/6448/sourcey.png
it looks like this in the realiy:
http://img443.imageshack.us/img443/6448/sourcey.png

WHY? 

if i put it in "< pre >", then it's good.
but if it isn't in "< pre >" then the lines ends are random. why dont they end in the same vertical line?

thank you, and sorry for askin html...i just can't figure it out :(