## floatを指定する 子要素に指定する場合は`style="float: right"`を使う。 ```html <div class="grey-box w400"> <span>hoge</span> <span>hoga</span> <span style="float: right">hoho</span> </div> ``` ↓ <div class="grey-box w400"> <span>hoge</span> <span>hoga</span> <span style="float: right">hoho</span> </div> ## text-alignを指定する ブロック要素で子要素全体を寄せる場合は親要素に`style="text-align: right"`を指定する。 ```html <div style="text-align: right" class="grey-box w400"> <span>hoge</span> <span>hoga</span> <span>hoho</span> </div> ``` ↓ <div style="text-align: right" class="grey-box w400"> <span>hoge</span> <span>hoga</span> <span>hoho</span> </div> ## margin-leftを指定する 親が[[Flexbox]]の場合は`style=margin-left: auto`を指定する。 ```html <div class="grey-box w400" style="display: flex"> <span>hoge</span> <span>hoga</span> <span style="margin-left: auto">hoho</span> </div> ``` ↓ <div class="grey-box w400" style="display: flex"> <span>hoge</span> <span>hoga</span> <span style="margin-left: auto">hoho</span> </div> ## 参考 - [CSSで右寄せ・左寄せ・中央寄せする \| webfeelfree](http://webfeelfree.com/css-align/)