obrazek pod obrazkiem i opływanie tekstu

[O2H]

[O2H]

Nadal otrzymuje ten sam efekt, tekst ma byc obok obrazka a nie pod nim.

[Morfeusz_2005]

Zrób tak i zobacz co będzie.

HTML

Kod:

<div id="kontener">
<div id="galeria">  
<div class="sample">
<img src="img/modnie4.jpg">
    <p>xxxxxxxxxxxxxxxxxx</p>
</div>
<div class="sample">
    <img src="img/modnie5.jpg">
    <p>xxxxxxxxxxx</p>
</div>
</div>
</div>

CSS

Kod:

.sample img{
vertical-align:baseline;
display:block;
}
img{
display:inline;
text-align:justify;
float: left;
clear: left;
}
p{
float: left;
}

[O2H]

[Morfeusz_2005]

Dodaj jeszcze do CSS w .sample img clear: left;

[Kartofelek]

Kod:

.sample {overflow:hidden; clear:both;}
.sample img {display:inline-block; margin-right:10px;}
.sample p {dispaly:inline-block;}

lub

Kod:

.sample {overflow:hidden; clear:both;}
.sample img {float:left; margin-right:10px;}
.sample p {float:left}

[O2H]

OK działa, ale mam następny problem z tym związany, jeżeli zdefiniowałem że moja strona ma 550px szerokosci, dodaje te obrazki i dodaje tekst ale tym razem zamiast "xxxxxxxx" dodaje dłuższy tekst i cały ten tekst schodzi pod obrazek, a chciałbym żeby był obok obrazka lub go opływał

edit: Działa już wszystko wystarczyło usunąc

Kod:

.sample p {float: left;}

[Engine]

a czy nie dajesz aby ciągu znaków "xxxxxxxxxxxxxxxxxxxxxxxx" czyli nie ma gdzie łamać linii. Jeśli tak to daj "xxxxx xxxxxx xxxxx xxxxx xxx".

[O2H]

Dodawałem normalny tekst, który skopiowałem z lipsum. Tu chyba nie ma róźnicy czy jest spacja między wyrazami czy też nie

[Kartofelek]

Jest.