floatで横並びにならない

Question

<ul>
<li>TOP</li>
<li>ITEMLIST</li>
<li>BLOG</li>

<li><img src="image/logo.png"></li>

</div>
<li>BRAND</li>
<li>SHOP</li>
<li>CONTACT</li>
</nav>

(css)
li img{
width:100px;
height:auto;

}

li{
list-style:none;
width:9%
float:right;
}

コード
```### 
floatで横並びにしたいのですが、なりません。どうしたらいいのでしょうか？
画像を真ん中に配置して横並びにしたいのですが。

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

```
画面がnaviで横並びにならない。
```

### 該当のソースコード

```ここに言語名を入力
ソースコード
```

### 試したこと

display:flexを使ってみましたが、うごきませんでした。## 補足情報（FW/ツールのバージョンなど）

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

Answer 1

こんにちは。

typoです。
width:9%→width:9%;

Comments

[newdeal41]

こんな簡単なことですみません。

[Lhankor_Mhy]

いえいえ????
↓とかをお使いになるといいですよ。
http://csslint.net/