ブログ

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

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

コーディングテスト8

授業について

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

コーディング問題その8

以下のナビゲーションの並べ方を、フレキシブルボックスを使わずにdisplayプロパティで表現しようとしています。
このように並んでいるものを・・・

8問目

以下のように横並びで表現させたい。

8問目の2枚目

このような場合、どこに何を指定すればよいでしょうか?記述すべきCSSをお答えください。
なお、ulのリストマーカーやパディングは削除されているものとし、左右の余白は考慮せず、横並びにする指定のみをお答えください。

正解は・・・

8問目の正解

li{・・・}の記述がなかったり、ulに指定されている方が多くいらしゃいます。
ulにdisplay:inline;を指定しても、ナビゲーションの項目は横並びにはなりません。liに指定することが大切ですので記述する際は気を付けましょう。

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

この記事を書いた人

icon
へけ

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