CSS顯示錶+ SPAN錯誤

Question

我有這樣的例子： Fiddle link

使用顯示一個表：表，顯示：表單元，顯示：表列

我需要之前< p添加>標籤，但我的表格結構中斷。

有什麼想法？由於

例子：

<fieldset> 
<span> 
<p> 
    <label>First Name: </label> 
    <input type="text" /> 
</p> 
</span> 
<span> 
<p> 
    <label>Second Name: </label> 
    <input type="text" /> 
</p> 
</span> 
<span> 
<p> 
    <label>Country: </label> 
    <select> 
     <option>Choose</option> 
    </select> 
</p> 
</span> 
<span> 
<p> 
    <label>Age: </label> 
    <select> 
     <option>Choose</option> 
    </select> 
</p> 
</span> 
</fieldset> 

Answer 1

如果你要顯示的表，那麼所有元素都應該遵循同樣的結構特性的

fieldset span { 
    display: table-row-group; 
} 

小提琴：http://jsfiddle.net/qQ3xJ/

Answer 2

你被<span>包裹table-row元素（<p>標籤在這種情況下）。你可以<span>元素的顯示類型更改爲table-row-group：

fieldset span { 
    display: table-row-group; 
} 

這裏是JSFiddle Demo

Answer 3

我會使用像這樣的不同結構：http://jsfiddle.net/7Kxf5/，div或ul列表。

我不認爲在這種情況下使用span將適合一個良好的做法。