<html>
<head>
<style type="text/css">
#imagen {
width:500px;
height:375px;
position:relative;
}
#imagen>div
{
position: relative;
bottom:25px;
color:#fff;
background-color:#000;
padding:2px 10px;
opacity:0.5;
font-weight:bold;
}
</style>
</head>
<body>
<div id="imagen">
<img src="http://www.lawebdelprogramador.com/codigo/jquery.preview1/jquery.preview_1.jpg" width="500" height="375">
<div>Texto que aparece en la parte inferior de la imagen</div>
</div>
</body>
</html>
Comentarios sobre la versión: Versión 1.0 (3)
#imagen {
width:500px;
height:375px;
position:relative;
}
#imagen>div
{
position: relative;
bottom:25px;
padding:2px 10px;
}
lo coloco dentro de las etiquetas <styile><style/> pero pues no me da los resultados que quiero me aparece asi
http://los11calidosos.blogspot.com.co/2016/06/ezequiellavezi-no-estara-en-la-final-de.html me podrian decir como hacer para que quede bn gracias.
<div>Lavezzi confirma que no ira a las olimpiadas.</div>
Gracias espero repuestas.