如何放置对话框？

Question

I have a problem with the positioning of my dialog box it apperas always in the upper left corner it should be centered in the middle but how to do that?

Here is my script code:

$(function() {
    $("#confirmdelete").on("click", function(e) {
        var link = this;

        e.preventDefault();

        $("<div>Soll das Kundenkonto gelöscht werden?</div>").dialog({
            buttons: {
                "Ja, bitte löschen": function() {
                    window.location = link.href;
                },
                "Nein": function() {
                    $(this).dialog("close");
                }
            }
        });
    });
});

Answer 1

$('<div class="dialog">Soll das Kundenkonto gelöscht werden?</div>').

.dialog {
  position: absolute;
  top: 20%;
  left: 50%;
  margin: 0 0 0 -150px;
  width: 300px;
}