こんにちは。CSSで勉強したことをまとめています。
今回はtext alignのrightにする方法をまとめます。
text alignをrightにする
text align leftの書き方は、
|
1 |
text-align: right; |
■HTMLファイル(index.html)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<!DOCTYPE html> <html lang="en"> <head> <link rel="stylesheet" href="main.css"> /*main.cssを読み込む*/ <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Test</title> </head> <body> <h2>テストテキスト</h2> </body> </html> |
■CSSファイル(main.css)
|
1 2 3 |
h2 { text-align: right; } |
text alignがright(右寄せ)になっています。
左寄せにする場合は、
|
1 |
text-align: left; |
中央寄せにする場合は、
|
1 |
text-align: center; |
まとめ
以上です！
今回はtext-alignをrightにする方法をまとめました。
本ブログでは他にもチュートリアルなどまとめているの参考にしてみてください〜！
参考: