質問: 下記例のような、複数のボタンをtableとして表示するものがあります(見栄えのため) このtable自体を画面右寄せにしたかったのですが、【】と記載すると、 【Attribute (align) is obsolete. Its use is discouraged in HTML5 documents.】 という警告が出てしまいます。 CSSに【table.ta1 {text-align: right;}】と記載し、JSPに【】と 記載をしてみたのですが、特に何も起こりませんでした。 どのように設定すれば右寄せが実現できますでしょうか。 【例】 ``` ←これを右寄せにしたい ~中略~ <%-- クリアボタン --%> > <%-- 削除ボタン --%> > <%-- 閉じるボタン --%> > ```
回答: レイアウトにテーブルを使うのは20年前のテクニックなので現代風のレイアウトテクニックに切り替えられることをお勧めします。 【よこ並びのCSS。】 質問に対する回答は既に出ている回答と同じですが、親要素に幅があれば、下記指定で右寄せになります。 ``` table { margin-left: auto; } ``` **動くサンプル:** 要素の状況を調査するには「デベロッパーツール」というものがブラウザに標準で付属しています。親要素の幅があるか、table要素に別スタイルが設定されていないかなどを調査してみてください。 【開発者ツールを使おう! カスタマイズするphpファイルを探す-その1 | RYUS blog】 【Web開発でよく使う、特に使えるChromeデベロッパー・ツールの機能 - Build Insider】 【第1回 詳説:デベロッパーツールの使い方:Google Chrome版Firebug:デベロッパーツール取扱説明書|gihyo.jp ... 技術評論社】