JSFiddle - React, Tailwind, and code Playground

HTML

<div id="box1">
    <img src="http://i44.tinypic.com/2j4akqb.jpg"/>
    <div id="box2">box</div>
	
</div>

CSS

#box1{
	position:relative;
	display:inline-block;
	width: auto;
	height: 200px;
    background-color:#fff;
	
}

#box2{
   width:50px;
   text-align:center;
   position:relative;
   bottom:0%;
   float:bottom;
   margin: 0 auto;
   background-color: yellow;  
}