title: centering a window.confirm dialog box on the screen
body: <p>I have the following dialog box that is working correctly, however, I can't get it to center on the page:</p>
  
  <pre><code>&lt;Button variant="danger" onClick={() =&gt; { if (window.confirm('Delete character?')) handleCharacterDeletion(row.original) }}&gt;DELETE&lt;/Button&gt;
  </code></pre>
  
  <p>The box appears on the top of the page, but I want it centered in the middle.</p>
  
  <p>I tried wrapping the whole thing in a  tag, but that actaully didn't do one little thing.</p>
  
  <p>Is there way to get my dialog centered?</p>
  
  <p>Thank you</p>