title: How can I send an inner <div> to the bottom of its parent <div>?
body: <p>The div inside another div picture and code below. Because there will be text and images of the parent div. And red div will be the last element of the parent div.</p>
  <p><img src="https://content.screencast.com/users/uzay95/folders/Jing/media/a7d07e37-ac75-4161-83fc-6ff2f0a4ebbc/2010-01-27_1543.png" alt="alt text" /></p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div style="width: 200px; height: 150px; border: 1px solid black;"&gt;
    &lt;div style="width: 100%; height: 50px; border: 1px solid red;"&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>