使用div创建表时的表格对齐？

Question

我有一个使用Divs创建的表格，因为我的列很难识别它是否是一张桌子或其他东西？

我想要什么

我希望每行中的所有列都与另一行无关，而与宽度无关？ 就像普通的桌子一样

我有什么

<div class="tabularStructure">  
<div id="token1">
    <div class="cell">
         <label><bdi>${PredefinedSearch_Label}</bdi></label>
    </div>
    <div class="cell">
         <select id="predefineSrch">
            <option value="default">(None)</option>
        </select>   
    </div>

    <div class="cell">&nbsp;
    </div>
    <div class="cell">&nbsp;
    </div>
    <div class="cell">&nbsp;
    </div>
    <div class="cell">&nbsp;
    </div>
    <div class="cell">&nbsp;
    </div>
    <div class="cell">&nbsp;
    </div>

</div>

       <div class="spacer">&nbsp; </div>

   <div class="tabularStructure">   
<div  id="token2">
    <div class="cell">
    <label><bdi>${Date_Label}</bdi></label>
    </div>
    <div class="cell">
        <select id="date">
             <option value="default">(None)</option>
        </select>
    </div>

    <div class="cell" id="token3">
        <label><bdi>${DayRange_Label}</bdi></label>
    </div>
    <div class="cell">
        <select id="dayRange">
             <option value="default">(None)</option>
        </select>
    </div>

    <div class="cell" id="token5">
        <label for="idFromDate"><bdi>${From_Label}</bdi></label>
    </div>
    <div class="cell">
        <input type="text" id="idFromDate" name="toDate" class="date" />
    </div>

    <div class="cell" id="token4">
        <label for="idToDate"><bdi>${To_Label}</bdi></label>
    </div>
    <div class="cell">
        <input type="text" id="idToDate" name="to" class="date" />
    </div>
        </div>
             </div> 

检查小提琴的完整代码 Fiddle