CodePen Embed - rqramy

<div class="outer">
  <div class="inner"></div>
</div>

.outer {
  min-height: 300px;
  background: #e6e6e6;
  border: 1px solid #141414;
/*   position: relative; */
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.inner {
  min-height: 50px;
  background: white;
  width: 100px;
/*   position: absolute; */
/*   left: 50%; */
/*   bottom: 0; */
  border: 1px solid skyblue;
  transform: translateY(50%);
}

This Pen is owned by UnluckySerivelha on CodePen.

See more by @UnluckySerivelha on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.