display：table-row not working

Question

iframeからHTMLを含むクライアントフォームがあります。編集できません。私ができるのはCSSの編集を適用することだけです。

私はあなたが右の最初の質問と Inspect Elementあなた'LLをクリックするとその

1. What is your age? 

1. 
What is your age? 

なっ形で<td>のスタックう簡単な調整を適用しようとしている

面白いDOM構造を見てみましょう。この例では、それは次のようになります。

<div id="Age" class="questionlabel"> 
    <table border="0" cellpadding="0" cellspacing="0"> 
     <tbody> 
      <tr> 
       <td> 
        <span class="questionnumber_questionlabel">1. </span> 
       </td> 
       <td> 
        <label class="required">What is your age?</label> 
       </td> 
      </tr> 
     </tbody> 
    </table> 
</div> 

私は<td>ことを検査し、それは完全に私を無視しdisplay:table-row;を追加します。これはChromeにあります - このDOMとget the CSS to do what I want in jsfiddleを複製することができますので、私はどこかでリセットできないと思っています。私もdisplay:table-row !important;を試してみました。私はborder:2px solid blue;問題を適用することができます。私はdisplay:none;問題はありません適用することができます。

この単純なCSSパラメータが動作しないようにするには、ここで何が起こっているかについてのアイデアはありますか？

私ができることは、CSSを適用することだけです - JavaScriptとHTML編集は一切行いません。基本的には、iFrameのURLにあるCSSファイルを渡します。それは私が得るすべてです。ありがとう！

編集：私はライブサイトのサンプルフォームへのリンクを削除する必要がありました。

Answer 1

編集 - スクリーンショットは削除する必要がありましたが、解決策はまだ有効です。

を追加し、このコードのFirebugを使用して、フォームcss.css、します。先頭や末尾、それは問題ではありませんでした：

は

table#form_table div.questionlabel td {display: table-row !important;} 
.questionnumber_questionlabel {margin: inherit!important;} 

（注：私は、古いものとしてそのマージンをリセット（-10px）見苦しい重複が発生していました。）私は `ディスプレイを見ていないよ