こんにちは。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にする方法をまとめました。
本ブログでは他にもチュートリアルなどまとめているの参考にしてみてください〜!
参考: