HTML,CSS 表 テーブルの中のデータの配置（右揃え、中央揃え）

Question

表のテーブルデータの中の文字の配置を右そろえや、下揃えにしたいです。
「下揃え」と買いているところと、右寄せとｋ描いているところを移動させたいのですが、align="right"やvalign="bottom"を使ってもなりません。どうしてでしょうか。

コード

				<table rules="all" frame="border">
					<tr>
						<td>A</td>
						<td>B</td>
						<td>C</td>
						<td>D</td>
						<td>E</td>
					</tr>
					<tr>
						<td>
							<input type="text" name="テキスト" />
						<td align="right">
							<p>右寄せ。「いいえ」を無効化</p>
							<input type="radio" name="選択" value="はい" /> はい
							<input type="radio" name="選択" value="いいえ" disabled /> いいえ
					    <input type="radio" name="選択" value="どちらでもない" />どちらでもない
						</td>
						<td>
							<p color:black;><span style="color:black;">「その２」と「その４」を無効化。</span>中線を追加</p><!---_spanタグでそこの部分だけ色を変える。_--->
							<hr><!---_ 線を追加 _--->
							<input type="checkbox" name="選択したもの" value="その1" /> その１
							<input type="checkbox" name="選択したもの" value="その2" disabled/> その２
							<input type="checkbox" name="選択したもの" value="その3" /> その３
							<input type="checkbox" name="選択したもの" value="その4" disabled/> その４
							<input type="checkbox" name="選択したもの" value="その5"> その５
						</td>
						<td valign="bottom">
							<p>選択肢の3番目を初期設定にする。下揃え</p>
							<select name="選択肢を選んでください。" name="選択肢"><!---_ selectでスクロール選択のもの _--->
								<option>選択肢のサンプル１</option>
						    <option>選択肢のサンプル２</option>
						    <option selected="selected" style="color:red;">選択肢のサンプル３</option>
							</select>
						</td>
						<td>
							<input type="file" name="imagedata" size="30" ><!---_ ファイル参照フォルダ _--->
						</td>
					</tr>
				</table>

Answer 1

どうもこんにちは。
今回は、質問者さんがHTML5を使っていることを前提に回答させていただきます。
ここから回答

align="right"やvalign="bottom"を使ってもなりません。どうしてでしょうか

HTML5では、align属性や、valign属性は廃止されました。
そのため、水平方向、垂直方向の揃え方はCSSで行うことが必要になりました。
水平方向の揃え方を指定するときはtext-alignプロパティ、垂直方向の揃え方を指定するときはvertical-alignプロパティを使います。

水平方向での揃え方の指定はこのようにできます。

<table>
    <tr>
        <td class="left">左揃え</td>
        <td class="center">中央揃え</td>
        <td class="right">右揃え</td>
    </tr>
</table>

.left{
  text-align: left;
}
.center{
  text-align: center;
}
.right{
  text-align: right;
}

また、垂直方向での揃え方の指定は、以下のようにできます。

<table>
    <tr>
        <td class="top">上揃え</td>
        <td class="middle">中央揃え</td>
        <td class="bottom">下揃え</td>
    </tr>
</table>

.top{
  vertical-align: top;
}
.middle{
  vertical-align: middle;
}
.bottom{
  vertical-align: bottom;
}

また、text-alignプロパティが適用されるのはインライン要素のみで、vertical-alignプロパティが適用されるのはインライン要素とテーブルセルのみであることに注意してください。
以上、ありがとうございました。

Answer 2

① 右寄せ

<td align="right"> ↓ <td style="text-align:right;">

②下揃え

<td valign="bottom"> ↓ <td style="vertical-align:bottom;">