Crear cuenta
(4)<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 (4)
#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.