css flotte dans les colonnes de la table ne fonctionne pas?

Question

Je table avec 2 lignes et 2 collumns,

<table> 
<tr> 
<td> 
<form> 

    <span class="descriptionsPizza">EXTRA CHEESE</span> 
    <input name="minus1" type="button" class="button minus" id="minus1" value=" - " /> 
    <input name="textfield1" type="text" id="textfield1" class="valfield" size="2" maxlength="2" value="0" /> 
    <input name="add1" type="button" class="button add" id="add1" value=" + " /> 

</td> 

<td> 

    <span class="descriptionsPizza">HAM</span>  
    <input name="minus2" type="button" class="button minus" id="minus2" value=" - " /> 
    <input class="valfield" name="textfield2" type="text" id="textfield2" size="2" maxlength="2" value="0"/> 
    <input name="add2" type="button" class="button add" id="add2" value=" + " /> 

</td> 
</tr> 

<tr> 

<td> 
    <span class="descriptionsPizza">MUSHROOMS</span> 
    <input name="minus3" type="button" class="button minus" id="minus3" value=" - " /> 
    <input class="valfield" name="textfield3" type="text" id="textfield3" size="2" maxlength="2" value="0"/> 
    <input name="add3" type="button" class="button add" id="add3" value=" + " /> 
</td> 

<td> 
    <span class="descriptionsPizza">PINEAPPLE</span> 
    <input name="minus4" type="button" class="button minus" id="minus4" value=" - " /> 
    <input class="valfield" name="textfield4" type="text" id="textfield4" size="2" maxlength="2" value="0"/> 
    <input name="add4" type="button" class="button add" id="add4" value=" + " /> 
</form> 

</td> 
</tr> 
</table> 

Je voudrais mettre tous desceriptions à gauche du collumn et les boutons à droite de la collumn mais utilisé ne fonctionne css pour la première colonne, pourquoi est-ce?

css

form span.descriptionPizza { 
float:left; 

     } 
    form input { 
float:right; 


     } 

toute aide serait appriciated.

Answer 1

Deux erreurs :)

1. dans votre CSS, il est span.descriptionsPizza et non span.descriptionPizza (Il y a un manque "s").
2. Placez l'élément de formulaire au-dessus de la table non à l'intérieur de la table et fermez-le après la table.