Tailwind CSS で要素やテキストを右寄せする方法

皆さん、こんにちは。管理人です。今回は「Tailwind CSS で要素やテキストを右寄せする方法」について述べます。

要素を右寄せする方法

要素を右寄せするには、親要素に flex と justify-end を指定すれば良いです。

See the Pen Tailwind CSS 下寄せ by Shigotoron@GitHub (@s31104989) on CodePen.

テキストを右寄せする方法

テキストを右寄せするには（テキストを囲む要素に）text-right を指定します。

See the Pen Tailwind CSS でテキストを中央に寄せる方法 by Shigotoron@GitHub (@s31104989) on CodePen.

参考

• 要素の右寄せについて：justify-content – Tailwind CSS：https://tailwindcss.com/docs/justify-content#end
• テキストの右寄せについて：text-align – Tailwind CSS：https://tailwindcss.com/docs/text-align#right-aligning-text

よろしければ note.com のほうもご覧ください

よろしければ
https://note.com/shigotoron
もご覧ください。有料の記事と無料の記事があります。今のところ Laravel 関連の記事が多いです。