title: Center toastr notifications within a div
body: <p>I'm trying to get my <a href="http://www.johnpapa.net/toastr100beta/" rel="noreferrer">toastr notification</a> to show up in the middle of a div. I've seen some suggestions, like <a href="http://www.johnpapa.net/centering-toastr-with-css/" rel="noreferrer">this one</a>, but it's centering based on the overall window, and not within a div.</p>
  
  <p>Is it possible to center a toast notification within a form element, when toastr knows nothing about the elements on a form?</p>
  
  <p>My latest attempt was to roughly center the toast within the page, but I'd like to center it within a certain div. Is that possible? If so, how?</p>
  
  <p>This is my centering attempt:</p>
  
  <pre><code>.toast-center {
      top: 50%;
      left: 40%;
  }
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/BAh8H.png" alt="enter image description here"></p>