垂直排列包裹的文本

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; 
}