JSFiddle - React, Tailwind, and code Playground

by kodjoe mambi

HTML

<div id="wrap">
    <img style="width:400px" src="http://bow2.themesawesome.com/wp-content/uploads/2014/11/image-34.jpg" />
    <div id="text">text</div>
</div>

CSS

#wrap {
    position:relative; /* make this relative to have the inner div absolute without breaking out */
    width: 200px;  /* fix the width or else it'll be the entire page's width */
    background: silver; 
    bord
    er: 1px solid grey
}

#text {
    position: absolute; 
    width: 40px; 
    right: 0; 
    top: 0; 
    bottom: 0; 
    background: black; 
    color:white
}