htmlについて

下記のコードを隙間なく、2列の2段重ねで表示したいのですがｃｓｓはどう書けばいいですか？

<ul><li><input type="button" class="btn" id="btn1" value="hoge"></li>
<input type="button" class="btn" id="btn2" value="hoge"></li></ul>
<ul><li><input type="button" class="btn" id="btn3" value="hoge"></li>
<input type="button" class="btn" id="btn4" value="hoge"></li></ul>

質問者からの補足コメント

• input type はかならず使用したいです。
  ulは２段重ねにするのに使ってましたが、ul
  の間に隙間ができてしまいます。
  それを消したいです。

    補足日時：2020/07/20 09:29

No.2 ベストアンサー 回答者： fujillin 回答日時： 2020/07/20 09:28

こんにちは

すでに指摘されている通り、文法的に怪しげなので、ブラウザがどのように解釈するかによります。

ひとまず、
　li { display: inline; }
とでもしておけば、大方の場合、なんとかなるのではないでしょうか？

同じ結果に見えても、レイアウトの考え方でCSSの指定方法も変わってきます。

この回答へのお礼

怪しげと言うのは動かないブラウザがあるかも知れないってことでしょうか？

お礼日時：2020/07/20 09:32

No.1 回答者： yambejp 回答日時： 2020/07/20 09:22

それぞれのulの２個めの要素に<li>が指定されてないので

いまのままではCSSでなにをやっても無駄です