Da du nur eine unvollständigen CSS-Code (ohne Selektor, für welche Elemente die Regelmenge gilt) und überhaupt keinen HTML-Code gezeigt hast, lässt sich da nur raten.
<div class="linie">
<div style="margin-top:10px;">
</div>
<div class="abstand">
   <a href="seite1" > Seite1 </a><br>
</div>
<div class="abstand">
   <a href="seite2"> Seite2 </a><br>
</div>
<div class="abstand">
   <a href="seite3"> Seite3 </a><br>
</div>
<div class="abstand">
   <a href="seite4"> Seite4 </a><br>
</div>
</div>
Die vier Links sind also links neben der Linie und die Überschrift der Seite, sowie ein Formular, welches für das Programm benötigt wird, kommen direkt nach dem </div> und sind deshalb rechts von der Linie. Der String, welcher ausgegeben wird, erscheint nach einem Button-Klick direkt unter dem Formular.
Evtl. min-height statt height auf 100% setzen.
Hat leider nicht funktioniert. Die Linie ist dann ziemlich kurz.
mfg
Rayzn