Matthias Apsel: Textumbruch erzwingen - Responsive design

Beitrag lesen

Om nah hoo pez nyeetz, Werner!

»» <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?

Die beiden Leerzeichen sind überflüssig. Eigentlich brauchst du gar nicht aktiv werden. Wenn der Platz nicht reicht, sollte der Text automatisch umbrechen.

Vielleicht ist display: table-cell für die beiden Elemente sogar die bessere Wahl.

JS-Fiddle: Bilder werde bei direkter Addressierung angezeigt. <img src="http://example.com/image.jpg">

Matthias

--
Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Stew und Stewardess.