css在表列中浮动不'；不行？

我有一张有两排和两排的桌子

<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>

任何帮助都将受到感谢。

两个错误：）

在CSS中，它是span.descriptionsPizza，而不是span.descriptionPizza（缺少一个“s”）

将表单元素放在表格上方而不是表格内部，并在表格之后关闭它

两个错误：）

在CSS中，它是span.descriptionsPizza，而不是span.descriptionPizza（缺少一个“s”）

将表单元素放在表格上方而不是表格内部，并在表格之后关闭它

 form span.descriptionPizza {
float:left;

        }
  form input {
float:right;


      }