x
<html><head><style>.container { position: relative;}.bottomleft { position: absolute; bottom: 8px; left: 12px; font-size: 20px;}img { width: 100%; height: auto; opacity: 0.5;}</style></head><body><h2>Image Text</h2><p>Add some text to an image in the bottom left corner:</p><div class="container"> <img src="img_5terre.jpg" alt="Cinque Terre" width="600" height="400"> <div class="bottomleft">Bottom Left Text</div></div></body></html>