テーブル「セル」（td）でラベルを右揃えにするにはどうすればよいですか？このCSSで...</p> <pre><code><td> <label class="whitefont righthoralign">Search</label> </td> </code></pre> <p>：

Question

私はこのHTMLを持って

.righthoralign { 
    text-align: right; 
} 

...何もしません - ラベルが以前のように左揃えたまま：

hereは、これは：

.right { 
    position: absolute; 
    right: 0px; 
    width: 300px; 
    border: 3px solid #73AD21; 
    padding: 10px; 
} 

...物事をはるかに悪化させました。

セル/ Tdの右側を抱擁するラベルを取得するにはどうすればよいですか？

Answer 1

要素はインラインレベルで、幅はデフォルトでラベルテキストのサイズです。

試してみてください。

label { 
    display: block; 
    text-align: right; 
} 

または：

td { 
    text-align: right; 
} 

Answer 2

あなたはtd要素にテキスト整列を追加する必要があります。

td { 
    text-align: right; 
} 

また、要素に影響を与えない（インラインである）ので、ラベルからテキストの整列を削除することもできます。

ここはフィドルです：https://jsfiddle.net/iamnottony/52zbfe2e/1/