css - sub ul と li をインライン化する

Question

ナビゲーションメニューを開発しています。そこに 2 番目のサブメニューを追加します。そのため、サブメニューとインラインで2番目のサブメニューを取得できませんでした

私のコードは、皆さんが簡単に理解できるようにするためにjsfiddleに入っています。CSSの変更が少しあることは知っています。しかし、私はまだ解決策を見つけていません。誰でも私に提案をお願いします。

ここに私のコードがあります

    <ul>
    <li>item one</li>
    <li style="display:inline-block;">item two two two two two
        <ul>

            <li>Item sub</li>
        </ul>
    </li>
    <li>item three three</li>
</ul>

jsFiddle リンク