Test A

Här är ett vanligt p-element begränsat av taggarna <p> och </p>. Det fungerar ju jättebra, såhär innan det finns några bilder som stör. Ramen runt är ramar in texten som ett helt och rektangulärt block.1234567890

I det här stycket ligger en 'border' på ett span-element inuti p-elementet. Det går inga ramar in under bilden, men det ser ju inte bra ut. En ram på varje rad vill jag inte ha.

Här är ett vanligt p-element igen, men här, bredvid bilden blir det inte så bra. Ramen går in under bilden och det var inte önskvärt just här. Det är säkert jättebra i andra fall men inte här. Blir som jag vill endast i IE6.

Så här blir det om man väljer 'display:table' på p-elementet. Det verkar ju fungera bra, men är det verkligen rätt att göra så? Blir som jag vill i IE6, IE8, Safari 3 och Firefox 3, men inte i IE7.

Så här blir det om jag sätter 'float:left;' på stycket.
Detsamma händer om jag skriver 'display:inline-block;'.
Stycket hamnar efter bilden.
I alla fall om texten är längre på bredden än utrymmet bredvid bilden. Hm, måste fylla på lite mer text för att få den tillräckligt bred. Det här får bli den sista meningen. Blir som jag vill i IE6 och IE7.

Test B

Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum

Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum