CSS 3 divy vedle sebe a několikrát pod sebou

Ahoj, potřebovala bych udělat tohle

v html mam

<div class="1">a</div>
<div class="2">b</div>
<div class="3">c</div>

<div class="1">a</div>
<div class="2">b</div>
<div class="3">c</div>

<div class="1">a</div>
<div class="2">b</div>
<div class="3">c</div>


v css mam

.1 { width: 100px; float> left;}
.2 { width: 200px; float> left;}
.3 { width: 100%; float> left;}

a vysledek potřebuji

a b c
a b c
a b c

u těch "c" potrebuji nepevnou šířku

Poádíte prosím někdo? Děkuji

Darker:
„To je překlep, nebo máš o floatu znak ‚>‘ naschvál?“
To je překlep, ale i tak to nejde..

Darker:
„Pokud neděláš layout, použij tabulku.“
Bez table to nepůjde?

Plaváček:
„Nevíme, čeho že to vlastně chceš dosáhnout. Tvůj zápis nedává totiž smysl - co má dělat width: 100% u bloku .3? Z čeho je těch sto procent? Zkus to nějak nakreslit, třeba, pak můžeme poradit lépe.“

Přikládám obrázek



děkuji