Alining elements to bottom

bottom-align.html

<div id="container" style="">
  <div class="bottom_div" style="">1</div>
  <div class="bottom_div" style="display: none">2</div>
  <div class="bottom_div" style="">3</div>
  <div class="bottom_div" style="">4</div>
</div>

qdGyjV.markdown

Bottom-Align

Forked from Captain Anonymous's Pen xGNJVd.

A Pen by Thorsten Schüller on CodePen.

License.

style.css

#container {
  width: 100px; 
  height: 150px; 
  position: relative;
  border: 1px solid red;
  transform: rotate(180deg);
}

.bottom_div {
  box-sizing: border-box;
  height: 20px;
  margin: 2px;
  border: 1px solid green;
  transform: rotate(-180deg);
}