【週刊ドットインストール】 学習ロードマップにPHP/Laravelを追加、最近のAI使いこなしTips
こちらで一通り学ばせていただき、 現在デザインカンプを見ながらコーディング練習をしているものです。
section で囲った中の h1 を中央寄せにしたいとき、 h1 は block要素 なので margin-left: auto; と書いたら反映されず、 text-align: center; にすると反映されました。 自分でdisplayをinline-blockにするなどの変更は加えていないのですが、なぜでしょうか? block要素を中央寄せにしたいときは margin-left: auto; という認識でした。
section
h1
block要素
margin-left: auto;
text-align: center;
display
inline-block
block
コーディングを進めていく中で上記のようなことが何度か起こっており、 あまり要素を意識せず margin-left: auto; あるいは text-align: center; どちらかを書いて 結果的に反映されればいいや・・・というあいまいな解釈になってしまっています。
教えていただけると幸いです。よろしくお願いいたします。
ドットインストールは、3分動画でマスターできるプログラミング学習サービスです。
3分で気軽に学習でき、スマートフォンからも視聴可能です。ホームページやWebサービスの制作を通して、実践的にプログラミングを学べます。
他にも、ゲーム制作やデータ分析・機械学習・AIに使われる言語まで幅広くカバー。学びたい分野のレッスンがきっと見つかります。
この回答を見るにはプレミアムプランへの登録が必要です
こちらで一通り学ばせていただき、
現在デザインカンプを見ながらコーディング練習をしているものです。
sectionで囲った中のh1を中央寄せにしたいとき、h1はblock要素なのでmargin-left: auto;と書いたら反映されず、text-align: center;にすると反映されました。自分で
displayをinline-blockにするなどの変更は加えていないのですが、なぜでしょうか?block要素を中央寄せにしたいときはmargin-left: auto;という認識でした。コーディングを進めていく中で上記のようなことが何度か起こっており、
あまり要素を意識せず
margin-left: auto;あるいはtext-align: center;どちらかを書いて結果的に反映されればいいや・・・というあいまいな解釈になってしまっています。
教えていただけると幸いです。よろしくお願いいたします。