ブログ

勉強して学びを得たときの疑問や改善点などを日々記録しています。

是非ご参考までに覗いてみてください。

コーディングテスト2

授業について

WEBデザイナー、WEBクリエイターを目指そうとしている皆さまに、コーディング基礎知識問題の第2問です!この問題が解けるでしょうか?
ぜひ、チャレンジしてみてください!

コーディング問題その2

以下のコンテンツ幅を1200pxの固定幅にして、ブラウザの画面中央に揃えたいとき、CSSではどのように記述すればよいでしょうか?
なお、カンプ内の太枠の部分はクラス名を【wrap】と指定しており、幅と画面中央に揃える指定以外は考えないものとします。

2問目

正解は・・・

2問目の解答

幅を指定したブロックそのものを、ブラウザの中央に寄せる場合は、左右のmarginをautoにする必要があります。

text-align:centerは、ブロックの内側にある文字列や画像を中央に寄せる指定のため、今回の問題では不要です。

この、コーディング問題は全部で10問あります!
次の問題も、ぜひチャレンジしてみてください!お楽しみに・・・

この記事を書いた人

icon
へけ

くりぷろスタジオの中では一番の年長者です。毎日、一緒に働いている皆様たちに助けられています。一見、しっかり者ですが年相応のうっかりも時々あります。とにかく、寝ることが楽しみです。平穏に毎日が過ごせたらいいなぁと思っています。