オーバフローが隠されたときのリスト要素の余分な隙間

Question

私はリスト要素の中にdivを持っています。何らかの理由でdivがオーバーフローがdivに隠されているときに、リストスタイルの箇条書きと同じ行にありません。何かご意見は？

HTML：

<ul><li><div>Here is some long text</div></li></ul> 

CSS：

ul {width:150px;} 
li {list-style-type:square} 
div { 
    overflow: hidden; 
    white-space: nowrap; 
    text-overflow: ellipsis; 
} 

フィドル：https://jsfiddle.net/scottchantry/supcsayt/

Answer 1

divが、それは新しいラインを取る作るブロック要素、です。 divにdisplay:inlineを追加すると、そのトリックを行う必要があります。 https://jsfiddle.net/supcsayt/2/

div { 
    display: inline; 
}