css：ul / liの横並び

以下サイトを読んで学習していたが、「単純なカレンダー」のような画面を作るにはどうしたらいいか？　直ぐに思いつかなった。
https://developer.mozilla.org/ja/docs/Learn/JavaScript/Building_blocks/conditionals

cssを使わずに行うと以下のようになってしまう。