Progate

今Progateで勉強しているのですが、よくわからない点があったので質問させてください。以下のHTMLコードにおいて、helloが３つ並んでいるところなのですが、１つ目だけなぜかページの真ん中に表示されて、２つ目以降は左寄せで表示されます。私の想定では、全部左寄せで表示されるイメージだったのですが... ちなみにCSSでコメントアウトしている .mainのpaddingを行うと、全てちゃんと左寄せで表示されます。基本的な質問で申し訳ありませんが、よろしくお願い致します。 ```html Progate

hello

``` ```css /* CSSのリセット（消さないでください） */ html, body, ul, ol, li, h1, h2, h3, h4, h5, h6, p, form, input, div { margin: 0; padding: 0; } body { font-family: "Avenir Next", "Hiragino Kaku Gothic ProN W3", sans-serif; } /* ここからCSSを記述してください */ .header { /*background-color: green;*/ background-color: #26d0c9; height: 90px; } .header-logo { font-size: 36px; padding: 20px 40px; color: #fff; float: left; } .header-list { color: #fff; } .header-list li { float: left; list-style: none; padding: 33px 20px; } .main { /*padding: 80px 100px;*/ } .copy-container h1 { font-size: 140px; } .copy-container h2 { font-size: 60px; } .copy-container span { color:red; } ```

	@@ -1,1 +1,1 @@
1	- html,css~~の基本的な質問~~
1	+ html,cssで表示崩れが起きてしまう

質問編集履歴