title: How can I put white space at the bottom of my website, so the floating div never overlaps
body: <p>I found a lot of questions on stack overflow about getting rid of white space, but I can't seem to figure out how to put it in.</p>
  
  <p>I have a bottom navigation on my site that floats with the page, but if the window is small, the bottom part of the page gets covered up. I would like to insert some white space at the bottom, so when the window is smaller than the length of the page you can still read it.</p>
  
  <p>I've tried adding:</p>
  
  <pre><code>margin-bottom: 50px;
  padding-bottom: 50px;
  </code></pre>
  
  <p>to the div containing the top page content, but it doesn't work.</p>
  
  <p>Is there something I am missing? Here's a demonstration: <a href="http://www.writingprompts.net/name-generator/" rel="nofollow">http://www.writingprompts.net/name-generator/</a></p>