JSFiddle - React, Tailwind, and code Playground

by Dmitriy Shvanyk

HTML

<div class="parent">
    <div class="child-bottom">child-bottom</div>
</div>

CSS

*{
    padding: 0;
    margin: 0;
}

.parent{
    display: table;
    width: 100%;
    max-width: 500px;
    margin: 15px auto;
    background: #ccc;
    min-height: 200px;
}
.child-bottom{
    display: table-caption;
    caption-side: bottom;
    background: #000;
    color: #fff;
    text-align: center;
    padding: 15px;
}