inlineだと横並びになるのに、inline-blockだと横並びになりません...

前提・実現したいこと

inlineだと横並びになるのに、inline-blockだと横並びになりません、、、
どこが悪いのか教えていただけないでしょうか？
よろしくお願いします

発生している問題・エラーメッセージ

該当のソースコード

<html> <head> <meta charset="utf-8"> <title>index</title> <link rel="stylesheet" href="destyle.css"> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body>

<nav class="navbar">
	
   <div class="max-width">
		<div class="logo"><a href="#">portfo<span>lio</span></a></div>
	   
		<ul class="menu">
			<li><a href="#">home</a></li>
			<li><a href="#">about</a></li>
			<li><a href="#">news</a></li>
			<li><a href="#">menu</a></li>
			<li><a href="#">info</a></li>
			<li><a href="#">text</a></li>	
		</ul>
	</div>
</nav>

</body> </html>

@charset "utf-8";
/* CSS Document */

/navbar tyleing/
.navbar{
background: crimson;
position: fixed;
width: 100%;

}

.navbar .logo a{
color: aliceblue;
font-size: 35px;
font-weight: 600;
text-decoration: none;

}

.navbar .menu{
display: flex;

}

.navbar .menu li{
list-style: none;
display: inline-block;

}

.navbar .menu li a{
color: aliceblue;

}

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

hatena19

2021/09/16 12:57

提示のコードだと、 .menu の display: flex; が効いているので、inline-block だろうが、block だろうが、横並びになりますが。横並びにならないというのが再現できるコードを提示してください。

YNU

2021/09/16 13:52

回答ありがとうございます画像を追加させて頂きましたので、見ていただけると幸いですちなみに.menuの　display:flex　は入れても入れなくても何も変わらない感じです、、、見えない部分のコードに関しては、コピペしているのでこちらの質問に書いたコードで間違いないと思います。　すいませんが、よろしくお願いします。

hatena19

2021/09/16 14:23

提示のコードでCodepenサンプルを作成してみたが、横並びになってます。 https://codepen.io/hatena19/pen/XWgVpMB 提示されていない部分のコードに問題があるのだと思われます。その提示がないと原因の指摘は無理です。

YNU

2021/09/16 16:38

後、載せていないところですとネットで調べて使っているdestyleのリセットcssぐらいなんですよね、、、 hatena19さんのcodepenをコピーしてみたのですが、やはり僕のだと縦になってしまいます。。。 adobeのdreamweaverを使っているのですが、関係あったりしますか？隠している部分はほんとありません。。。よろしくお願いします

YNU

2021/09/16 16:44

今、逆にｄｗのコードをcodepenにそのままコピーしてみたところ、確かに横になりました。ということはadobeのｄｗ自体に何か問題があるという感じですかね？。。

hatena19

2021/09/16 16:51

dreamweaver上で表示させているということですか。dreamweaverは使ったことがないし、使える環境でないのでわからないです。 WEBサイトにアップロードしてそれを表示させた場合はどうなりますか。 destyle.css は関係なさそうです。上記のCodepenサンプルにCDNで適用してみましたが、やはり横並びになります。

YNU

2021/09/17 00:10

試しにWEBサイトに表示させてみたところ、横になっていました！！なぜ、dwで縦になってしまうのかはわからなかったのですが、webで問題なさそうな為先に進めそうです！　色々とありがとうございました！