DIV内のHTMLテーブルでテキストが正しく整列されない

Question

テーブルセルのテキストを右揃えに整列しようとしていますが、なんらかの理由でこの動作ができません。ここ

が、これは右にテキストを揃えていないのはなぜ私のコードは

<div style="text-align: right;"> 
    <table> 
     <tr> 
      <td>15</td> 
     </tr> 
     <tr> 
      <td>20</td> 
     </tr> 
    </table> 
</div> 

次のようになりますか？

注別のCSSを使用するオプションはありません。上記のように「インライン」でなければなりません。

Answer 1

ここに長いテキストの行があるテーブルがあります。テキストはすべて正しく整列していますが、表は全幅ではありません。ここで

<div style="text-align: right;"> 
 
    <table> 
 
    <tr> 
 
     <td>15</td> 
 
    </tr> 
 
    <tr> 
 
     <td>20</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Something longer</td> 
 
    </tr> 
 
    </table> 
 
</div>

テーブル全幅を作るための補正です。

<div style="text-align: right;"> 
 
     <table width="100%"> 
 
     <tr> 
 
      <td>15</td> 
 
     </tr> 
 
     <tr> 
 
      <td>20</td> 
 
     </tr> 
 
     <tr> 
 
      <td>Something longer</td> 
 
     </tr> 
 
     </table> 
 
    </div>

width="100%"インラインではなく、CSSです。あなたはそれをCSSをしたい場合は、次の操作を行います。

 <div style="text-align: right;"> 
 
      <table style="width:100%"> 
 
      <tr> 
 
       <td>15</td> 
 
      </tr> 
 
      <tr> 
 
       <td>20</td> 
 
      </tr> 
 
      <tr> 
 
       <td>Something longer</td> 
 
      </tr> 
 
      </table> 
 
     </div>