<img src="//nojsim.images.xtstatic.com/tp.gif" alt="" />
<img src="//cim.images.xtstatic.com/tp.gif" alt="" />
Home
Blog
Blog v2
Forum
Scripts
default
amelia
lumen
superhero
slate
spacelab
This is some content
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); }
HTML
<div class="image-container"> <img src=" YOUR IMAGE " /> <div class="text">This is some content</div> </div>
Log in
