<div> in Fließtext

[Der Martin]

Hi Willi,

danke für die Antwort. Wusste ich nicht, dass das nicht valide ist.

tja, man lernt ja nie aus. Es ist aber auch kein Fehler, bei solchen Konstruktionen -vor allem, wenn man es selbst nicht genau weiß- den W3C-Validator zu fragen.

Text text text text text t
               ext text text text text te
               xt text tex +------------+
               t text text |            |
               text text t |  b i l d   |
               ext text te |            |
               xt text tex +------------+
               t text text  unterschrift
               text text t
               ext text text text text.

also einen (recht-/links-) bündiges Bild mit einer (zum Bild) zentrierter Unterschrift in der Mitte eines Blocksatz-Absatzes.

Oha. Ich sehe ein kleines Problem. ;-)
Ich hab's mal zum Test so gelöst:

• CSS --- 8< ------------
  p
   { text-align: justify;
   }
  div.bildblock
   { float:right;
     width:80px;
     height:64px;
     margin: 8px;
     margin-top: 80px;
     border: 1px solid #F00;
     background-color: #FF0;
     text-align: center;
   }
  div.bildblock p
   { text-align: center;
   }

• HTML -- 8< ------------
  <div class="bildblock">
  <img ...>
  <p>Bildunterschrift</p>
  </div>
  <p>
  Fließtext Fließtext Fließtext Fließtext Fließtext Fließtext
  Fließtext Fließtext Fließtext Fließtext Fließtext Fließtext
  Fließtext Fließtext Fließtext Fließtext Fließtext Fließtext
  Fließtext Fließtext Fließtext Fließtext Fließtext Fließtext
  </p>

Das kleine Problem, das ich noch sehe, ist die vertikale Zentrierung: Du wolltest den Bildblock vertikal innerhalb des Absatzes zentrieren. Das bekomme ich nicht ohne weiteres hin. Aber sonst ...

So long,
 Martin