Dwa divy kolo siebie

Question

Witam mam dwa divy jeden o id 'kol' i drugi o id 'kol2'

#kol1
{
background-color:red;
foat:left;	
width:200px;
height:200px;
}

#kol2
{
background-color:green;
foat:left;
width:200px;
height:200px;
}

i kod w html

<div id="kol1">

mama

</div>

<div id="kol2">

tata

</div>

i nie chca mi sie ulozyc obok siebie ;) mimo float:left w czym problem??

Comments

zamień id na klasy chyba że używasz tych id do js i rób wcięcia

czyli np

<div class="kol1">
    mama
</div>

<div class="kol2">
    tata
</div>

 

Answer 1

To przez to, że piszesz foat zamiast float ;) Poniżej umieszczam poprawny kod:

HTML:

<div id="kol1">mama</div>
<div id="kol2">tata</div>

CSS:

#kol1
{
float:left;
background-color:red;
width:200px;
height:200px;
}

#kol2
{
float:left;
background-color:green;
width:200px;
height:200px;
}