New lines for text

im creating an RPG game, and im trying to mimic the combat log used in Final Fantasy XI and XII. (go to http://herenbdy.iblogger.org/game.swf , press the attack and magic buttons and youll see what i mean)

My Combat log is a movieclip with a dynamic text field. Currently my code for the attack and magic and help buttons is this:


loadmagicmenu = function () {
    button1.buttonname.text = "Genesen";
    button1.onPress = function() {
        amounthealed = my_MAG*2;
        combatlog.combatlogtext.text = combatlog.combatlogtext.text+" || You cast Genesen! You recover "+amounthealed+" HP,";
    };
    button2.buttonname.text = "-Back-";
    button2.onPress = function() {
        resetmenu();
    };
    button3.buttonname.text = "";
    button3.onPress = function() {
    };
};
resetmenu = function () {
    button1.buttonname.text = "Attack";
    button1.onPress = function() {
        my_attack();
    };
    button2.buttonname.text = "Magic";
    button2.onPress = function() {
        loadmagicmenu();
    };
    button3.buttonname.text = "Help";
    button3.onPress = function() {
        combatlog.combatlogtext.text = combatlog.combatlogtext.text+" || Press the H key to toggle the combat log off and on.";
    };
};

My buttons are movie clips with Dynamic text fields for their names.

If you press the attack / Genesen / Help buttons, youll see that the lines of text in the combat log are put in right after each other, i used a || before each message to make it eaiser to read.

Id would like to know how I would go about making the combat log messages appear on different lines as apposed to the same line?

I tried to make the text field into an HTML text field and do:

 combatlog.combatlogtext.text = combatlog.combatlogtext.text+" <br> Press the H key to toggle the combat log off and on.";

But that doesnt work, can anyone help? Please tell me if i phrased my situation awkwardly.