皆さん、こんにちは。管理人です。今回は「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
コメント