垂直排列包裹的文本

Question

我想開始水平包裹li文本，現在它向上。請參閱我的例子

HTML

<ul> 
    <li>Long text goes here.</li> 
    <li>Another Longer Text Goes Here</li> 
    <li>Shorter text</li> 
    </ul> 

CSS

ul {width:150px;} 
li {width:30%; display:inline-block;whitespace:pre-line;} 

http://jsfiddle.net/wbu9ksco/

謝謝。

Answer 1

使用垂直對齊：

li { 
    vertical-align: text-top; 
} 

Updated fiddle

Answer 2

，因爲你正在使用inline-block的屬性爲您li元素， 可以使用垂直對齊排隊起來;

li { 
    vertical-align: text-top; 
}