Hola MindPaniC, creo que tienes que flotar tanto la imagen como ese texto a la izquierda y listo:
Código HTML:
img.foto {
float:left;
background-color:#f5f7f9;
margin-bottom: 5px;
padding:5px 5px 10px 5px;
text-align: center;
border-top: #BE9FFD solid 1px;
border-left: #BE9FFD solid 1px;
border-right: #BE9FFD solid 2px;
border-bottom: #BE9FFD solid 2px;
}
.datosartista {
background-color: #E9E9E9;
margin: 5px;
border:1px solid #BE9FFD;
float:left;
}
Tambien te aconsejo cuando escribas textos o poner <p> o <span> si lo que quieres es solo una linea
Código HTML:
<span class="datosartista">esto es un texto de prueba</span>
Saludosss
