Mahlzeit,

<div>
            <img src="img/team/Thomas_Website.jpg" alt="Demo Bild" />
         </div>

>   
> Wieso das div?  
  
Von [dieser](http://tdaboulder.com/leadership) Seite gehe ich aus. Um das Bild über den Text zu legen benötige ich wohl das DIV  
  

> > ~~~html
  

> >          <figcaption>  
> >             <span>Name der Person</span>  
> >             <span>Was macht diese Person in der Firma?</span>  
> >          </figcaption>  
> > 

Wozu das span?

Wie bekomme ich sonst zwei Zeilen Text in das <figcaption>? Außerdem soll der erste Text Fett sein und der darunter etwas kleiner, mein neuer Code sieht so aus

  
 <figure>  
         <div>  
            <img src="upload/vorschau/1.jpg" alt="Bild 1" />  
         </div>  
         <figcaption>  
            <span class="titel">Name der Person</span>  
            <span class="bezeichnug">Was macht diese Person?</span>  
         </figcaption>  
 </figure>  
  

Und hier mein CSS Code

  
div {  
         transition: all 1s ease;  
      }  
      figure {  
         position: relative;  
         width: 310px;  
         height: 200px;  
      }  
      figure>div {  
         position: relative;  
         width: 310px;  
         height: 150px;  
         overflow: hidden;  
         z-index: 10;  
      }  
      figure>div:hover {  
         width: 310px;  
         height: 320px;  
         z-index: 10;  
      }  
      figure>div img {  
         z-index: 10;  
      }  
      figcaption {  
         display: block;  
         position: absolute;  
         width: 400px;  
         bottom: 5px;  
         z-index: 5;  
      }  
  
      figcaption span {  
         display: block;  
      }  
	  
	  .titel {  
		  font-weight:bold;  
		  margin-bottom:2px;  
	  }  
	  
	  .bezeichnug {  
		  font-size:14px;  
		  color:#333;  
	  }