Añadir puntos suspensivos mediante css: propiedad text-overflow Fotografía 1: Invierno Fotografía 2: Primavera Fotografía 3: Verano Fotografía 4: Otoño <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8"> </head> <body> <style> body{font-family: Arial; font-size: 13px;color:#555;margin:0; padding:0;} .content{width: 80%; margin:3% auto; overflow: hidden; padding: 3%; background: #f5f5f5} .thumbnail{height:135px;float:left; width:100px; margin-right:20px;} .thumbnail img{width:100px; height:70px;} .texto{width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .texto:hover{white-space:normal; cursor:pointer} </style> <div class="content"> <div class="thumbnail"> <img src="invierno.jpg" /> <div class="texto">Fotografía 1: Invierno</div> </div> <div class="thumbnail"> <img src="primavera.jpg" /> <div class="texto">Fotografía 2: Primavera</div> </div> <div class="thumbnail"> <img src="verano.jpg" /> <div class="texto">Fotografía 3: Verano</div> </div> <div class="thumbnail"> <img src="otono.jpg" /> <div class="texto">Fotografía 4: Otoño</div> </div> </div> </body> </html>
