Jquery Dialog and stacked buttons

Question

Just wondering if anyone knows how to get the buttons to stack in a Jquery modal window? It looks like this:

$confirm.dialog({
        resizable: false,
        modal: true,
        height: 140,
        closeOnEscape: true,
        show: "blind",
        buttons: [
            {
                text: "Button 1",
                click: function() { $(this).dialog("close"); },
                class:'ok_button'
            },
            {
                text: "Button 2",
                click: function() { $(this).dialog("close"); },
                class:'ok_button'
            },
            {
                text: "Button 3",
                click: function() { $(this).dialog("close"); },
                class:'ok_button'
            }
        ],
        create: function(event, ui){
           console.log($(event.target).prev().remove());
           console.log(ui);
        }
    });

This puts the buttons side by side, any clues? Thanks for the help!

Answer 1

Use display: block :

.ok_button { display: block; }

http://jsfiddle.net/NMyHG/