title: Center button inside div, ignoring other elements
body: <p>I've got the following:</p>
  
  <pre><code>div.div
    p.paragraph
      | about 3 lines of text... (dynamic)
    button.button-i-want-to-center
      | click_me
  </code></pre>
  
  <p>I want it to look like this:</p>
  
  <pre><code>___________________________
  | Text.....................|
  | Text.....................|
  | Text.....................|
  |          ______          |
  |         |BUTTON|         | &lt;--- Center of div: 
  |                          |      I want the button to ignore 
  |                          |      the text.
  |                          |
  |                          |
  ___________________________
  </code></pre>
  
  <p>Keeping in mind that the size of the div is dynamic.</p>
  
  <p>How can I achieve this? I tried flex, but didn't do the trick. Fixed margins are no good either.</p>