Werner: Textumbruch erzwingen - Responsive design

Beitrag lesen

SELF-Forum

Textumbruch erzwingen - Responsive design

Werner
– Informationen zu den Bewertungsregeln

Hallo,
in dem Beispiel

  
<!DOCTYPE html>  
<html lang="de">  
<head>  
<meta charset="UTF-8">  
<style>  
figcaption {  
    display: inline-block; vertical-align: middle;  
}  
img {  
    display: inline-block; vertical-align: middle;  
}  
</style>	  
</head>  
<body>  
    <figure>  
	  <img src="bild.GIF" alt="..." />  
	    <figcaption>&nbsp;&nbsp;Text1 Text2</figcaption>  
    </figure>  
</body>  
</html>

steht Der Text "Text1 Text2" neben dem Bild und zwar vertikal zentriert.
Wie kann ich über eine Media-Angabe in CSS erreichen, dass bei dem betreffenden (schmalen Medium) der Text weiterhin rechts vom Bild erscheint, allerdinge in zwei Zeilen Text1/Text2?
Zusatzfrage an JSFIDDLE-Kenner:
Wie kann ich dort eine Grafik einbinden?
Gruß
Werner

Beitrag melden
–
Informationen zu den Bewertungsregeln