układanie div w rzędach... Opcje

[acztery]

Witam,

Mam taki kłopot drobny

mam DIV gdzie width:np 600px

w nim mam kilka innych div np:

<div style="width:600px">
<div style="width:200px">tutaj obrazek a pod obrazkiem jedno słowo</div>
<div style="width:200px">tutaj obrazek a pod obrazkiem jedno słowo</div>
<div style="width:200px">tutaj obrazek a pod obrazkiem jedno słowo</div>
<div style="width:200px">tutaj obrazek a pod obrazkiem jedno słowo</div>
<div style="width:200px">tutaj obrazek a pod obrazkiem jedno słowo</div>
<div style="width:200px">tutaj obrazek a pod obrazkiem jedno słowo</div>
<div style="width:200px">tutaj obrazek a pod obrazkiem jedno słowo</div>
<div style="width:200px">tutaj obrazek a pod obrazkiem jedno słowo</div>
<div style="width:200px">tutaj obrazek a pod obrazkiem jedno słowo</div>
<div style="width:200px">tutaj obrazek a pod obrazkiem jedno słowo</div>

</div>





Wynikiem chce aby było poukładane po 3 div na jedną kolumnę czyli beda obrazki a pod kazdym te moje słowo chodzi o to aby to się tak same układało...

[lenczewski]

nadaj wszystkim float:left, a nie tylko tym w środku (kontener tez musi byc float:left)

[HTML] pobierz, plaintext 
<style>
    .a {width:600px;float:left}
    .b {width:200px;float:left}
</style>
<div class=a>
    <div class=b>tutaj obrazek a pod obrazkiem jedno słowo</div>
    <div class=b>tutaj obrazek a pod obrazkiem jedno słowo</div>
    <div class=b>tutaj obrazek a pod obrazkiem jedno słowo</div>
    <div class=b>tutaj obrazek a pod obrazkiem jedno słowo</div>
    <div class=b>tutaj obrazek a pod obrazkiem jedno słowo</div>
    <div class=b>tutaj obrazek a pod obrazkiem jedno słowo</div>
    <div class=b>tutaj obrazek a pod obrazkiem jedno słowo</div>
    <div class=b>tutaj obrazek a pod obrazkiem jedno słowo</div>
    <div class=b>tutaj obrazek a pod obrazkiem jedno słowo</div>
    <div class=b>tutaj obrazek a pod obrazkiem jedno słowo</div>
</div>
[HTML] pobierz, plaintext