Graham: Position the text in .image-container .text class

Graham

bemethavinci
Position the text in .image-container .text class
http://baretest.xtgem.com/tests/imtxt

CSS

.image-container {
    position: relative;
}
.image-container img {
    max-width:100%;
    border:2px solid ;
    border-radius:4px;
    display:inline-block;
}
.image-container .text {
    position: absolute;
    bottom: 8px;
    left: 8px;
    padding:4px;
    display: inline-block;
    color: #FFF;
    background: rgba(0, 0, 0, .6);
}

Copy code

HTML

<div class="image-container">
<img src=" YOUR IMAGE " />
<div class="text">This is some content</div>
</div>

Copy code

# 2017-03-09 14:51 (edited 2017-03-09 15:09 by Graham ) · (0)