Zeilenumbruch in <div> erzwingen

[DHK]

Hallo,
vielen Dank für eure Hilfe. Ich habe ja schon ein paar mal den Link zu meinem Beispielskript gepostet, aber ich tu es trotzdem nochmal:
http://www.werbung-fuer-sie.de/express/src/letter.php?zoom=4

Ich habe nämlich noch eine Frage. Ihr seht ja die Formatierungsbuttons wie Fett, Kursiv oder Unterstrichen. Diese funktionieren in etwa so (Beispiel Fett):
var Bold = 0;
function setBold () {
    if(Bold == 0) {
      document.getElementById("Text").style.fontWeight = "bold";
      Bold = 1;
    } else {
      document.getElementById("Text").style.fontWeight = "normal";
      Bold = 0;
    }
  }

Das hat zur Folge, dass der gesamte <div>-Bereich jetzt fett wird. Wie kann ich erreichen, dass ich zum Beispiel auf den Fettbutton klicke, ab jetzt fett schreibe, dann wieder auf den Fettbutton klicke und nun nicht mehr fett schreibe, das vorher Geschriebene aber fett bleibt? Oder meinetwegen auch etwas markiere, auf Fett drücke und nur das Markierte fett wird?

Vielen Dank.

Gruß

DHK