html - CSS display-table + SPAN error -

i have example: fiddle link

a table using display: table, display: table-cell, display: table-row

i need add before <p> <span> tag, table structure breaks.

any idea? thanks

example:

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

if going display table elements should follow same structural property's

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

fiddle: http://jsfiddle.net/qq3xj/