title: How to center the dialog title, button and how center JQuery dialog box after browser resize?
body: <p>the issue I am having is that I am able to create the dialog fine with links and center the text inside the dialog. I am not able to do that with the title and with the button. Another issue I am having is for some reason, the button I have created appears on the dialog box but is not functional and I have tried to center my JQuery dialog box after browser resize but I have failed with that as well. I would like to know how I can fix the issue. Any help would be appreciated thank you all in advance. The following is jsfiddle link: <a href="https://jsfiddle.net/robontrix/194Ljr30/" rel="nofollow">https://jsfiddle.net/robontrix/194Ljr30/</a></p>
  
  <p>HTML:</p>
  
    
  
  <pre><code>       &lt;div id="dialog"&gt;            
            &lt;p style="text-align:center"&gt; Your computer use can be monitored by others! Consider using a public computer or a friend's computer. Please view more computer safety tips or escape to Google. Then more computer safety tips linked to a page with details about browser history, cache, search history, etc. and escape to Google linked to Google.&lt;/p&gt;
            &lt;p style="text-align:center"&gt; To learn more how to computer safety, click the following link: &lt;br&gt;&lt;a href="#"&gt;Safety Tips&lt;/a&gt;&lt;/br&gt;&lt;/p&gt;
            &lt;!--Wording can be better just for the meantime--&gt;
            &lt;p style="text-align:center"&gt; If you are not safe, click the following link: &lt;br&gt;&lt;a href="#"&gt;Get Me Out of Here!&lt;/a&gt;&lt;/br&gt;&lt;/p&gt; 
          &lt;/div&gt; 
  
          &lt;!--JQuery --&gt;
          &lt;script src="http://code.jquery.com/jquery-1.9.1.js" type="text/javascript"&gt;&lt;/script&gt;
          &lt;script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js" type="text/javascript"&gt;&lt;/script&gt;
          &lt;script src="//code.jquery.com/jquery-1.10.2.js"&gt;&lt;/script&gt;
  
          &lt;script&gt;
              $('#dialog').attr('title','Safety Warning!').dialog({
               width : 700,
               height: 350,
               modal:true,
               opacity:.7,
               closeOnEscape: true, 
               draggable: false, 
               resizable: false,
               buttons: { "Close": function() {
                  $(this).dialog("close");
                  }
               }
              });
              $(window).resize(function() {
                $('#dialog').dialog('option','position', 'center');
              });
          &lt;/script&gt; 
  </code></pre>