title: How to align a div to lower left corner in css
body: <p>I want to make a message box at the lower left corner of the browser window. I want the div to remain stuck to the lower left corner. So if I make the browser smaller it will not disappear. Here is the <a href="https://jsfiddle.net/ap7pg7c7/" rel="nofollow">jsfiddle</a> I am working with. But it's not working. How can it be done in css? Here is my css code:</p>
  
  <pre><code>#lowerleft
  {
      margin-bottom: 1px;
      margin-left : 1px;
      width: 200px;
      height: 200px;
      background-color: red;
      color: green;
  }
  </code></pre>