JSFiddle - React, Tailwind, and code Playground

by csdietrich

HTML

<div class='caption-wrapper'>
    <img src='http://www.nwspecialtycars.com/Content/images/cars/9/car-001-lst.JPG' />
    <div class='caption-description'>
        <p class='caption-description-content'>SOLD</p>
    </div>
</div>

CSS

div.caption-wrapper{
    float:left;
    position:relative; /
}
div.caption-description{
    position:absolute; 
    bottom:5px;
    left:0px;
    width:100%;
    background-color:#2C9FF7;
    color:#fff;
    opacity:0.9;
    filter:alpha(opacity=90);
}
p.caption-description-content{
    padding:5px;
    margin:0px;
    text-align: center;
    font-weight: bold;
}