やり方
実装したいブロックレベル要素にstyle="text-align: right"
を記述する。
実装例
<p style="text-align: right">
この文字は右寄せされます
</p>
pタグはブロックレベル要素なので、pタグに直接styleを記述。
<div style="text-align: right">
<input type="button" id="button" style="text-align: right">
</div>
inputタグはインライン要素なのでdivでブロック要素にして、divにstyleを記述。
左寄せと中央寄せ
中央ならcenter、左ならleft(デフォルトで左寄せなので使うことはあまりなさそう)で寄せることができる。
<p style="text-align: left">
この文字は左寄せされます
</p>
<p style="text-align: center">
この文字は中央寄せされます
</p>
参考リンクなど
適用したい要素がブロックレベル要素なのかインライン要素なのかに注意する必要がある。下記リンクにブロックレベル要素とインライン要素ごとにまとめられている。
https://www.htmq.com/htmlkihon/005.shtml