無駄なdivが存在する場合にCSSテーブルを作成できません

Question

私はいくつかの外国のhtmlを持っており、cssテーブルでフォーマットしたいと考えています。残念ながら、htmlには "tabular-row-divs"と "tabular-cell-divs"の間に追加のdivが含まれています。

例： HTML：

<div class="tabular"> 
    <div class="useless"> 
    <div class="tabular-row"> 
     <label class="tabular-cell">AAAAAAAAAAAAAAAAAAAAAAAAAAAAA</label> 
     <label class="tabular-cell">Name</label> 
     <input type="text" name="entry.3.single" value="" class="tabular-cell" id="entry_3"> 
    </div> 
    </div> 
    <div class="tabular-row"> 
    <div class="tabular-cell"> 
     something 
    </div> 
    <div class="tabular-cell"> 
     display: table-celllllllllllllllllllll; 
    </div> 
    <div class="tabular-cell"> 
     cellllllllllllllllllll 
    </div> 
    </div> 
</div> 

私の現在のCSS：

div .tabular {display: table; padding: 5px;} 
div .tabular-row {display: table-row;} 
div .tabular-cell {display: table-cell; padding: 5px; } 

は、残念ながら、私は理由は "役に立たない" クラスを持つdiv要素のテーブル作業をすることができないのです。私もgoogleを使って解決策を見つけることができませんが、それは簡単だと思います。手伝って頂けますか？

デビッド

Answer 1

あなたはこのような何かを試してみました：

div> div> .tabular {display: table; padding: 5px;} 
div> div> .tabular-row {display: table-row;} 
div> div> .tabular-cell {display: table-cell; padding: 5px; } 

Answer 2

をあなたがdivの間にスペースを閉鎖する必要があるいくつかの問題

1. を整理するときこれが私の作品cssのクラス名。あなたはdisplay:table-celllabelへとinput要素を追加している

2. div .tabular等、div.tabularでなければなりません。そこclassを削除し、あなたも、私は

例取り除か1つの余分な終了</div>た

各要素の周りにdiv Sをラップ：残念ながら、あなたのソリューションは、私の問題が解決しないhttp://jsfiddle.net/jasongennaro/Gy3W4/3/