【GIF動画でわかる】HTMLの要素を真ん中に持ってゆきたいが、どんなCSSを当てていいかわからないとき試してほしい方法。

動画の解説

1. Chromeを起動し、Chrome Developer toolsを開きましょう。
2. elementsパネルから真ん中に持ってゆきたい要素を選択しましょう。
3. 次にelement.styleにcenterと入力してみましょう。するとスタイル候補がズラッと表示されるはずです。
4. 候補が表示されたら、上下キーで順番に候補を変えていきます。
5. 画面表示が真ん中に変わるものが見つかりましたか？ それがあなたが探していたCSSのスタイルです。