[html/css] Plaatje links van een paragraaf

[bakakaizoku]

Wat ik wil bereiken is iets als in onderstaand voorbeeld:



Dat is natuurlijk heel makkelijk te realiseren dmv.

code:

<p><img align="left">tekst</p>

maar dat is nu even het punt niet.

Het punt is het volgende. De tekst wordt gegenereerd door een blogging tool (MovableType) en in een bestand geplaatst, met paragraaf tags er al om heen (dus
bestand.txt

code:

<p>tekst</p>

)

De enige manier om nu nog een plaatje links er van te plaatsen is dmv.

code:

<img align="left"><p>tekst</p>

wat het volgende (uiteraard) ongewenste resultaat geeft.



Nu ben ik al een paar dagen in de weer geweest hiermee, maar het is waarschijnlijk het weer buiten wat mij niet tot rationeel denken kan leiden. Is er een stuk JS of CSS waarmee ik de eerste paragraaf tag zodanig kan aanpassen dat voor de tekst een image in wordt geplaatst? En zoja, wat is deze?

[Freelance]

probeer 's het float attribuut

[bakakaizoku]

Float doet precies hetzelfde, ik had hem voor het gemak uit de OP gelaten

[samo]

Je plaatje werkt niet... Maar ik neem aan dat de tekst blijft afbreken als het plaatje stopt... Misschien kan je eens proberen de <p> een display: inline; mee te geven?

[Sendy]

Wat is nu het wezenlijke verschil tussen je twee plaatjes? Dat de tekst in de tweede versie korter is? Of dat je plaatje hoger staat? Ik snap het niet.

Verder is float bijzonder veel andere dan je <img>. Je voorbeeldplaatjes kan je niet krijgen door <img>, maar wel door float. Dus probeer niet te testcases te faken, maar laat gewoon de uitvoer van een echte test zien!