CSS 居中标题在 li 中

Question

我的问题很难用语言来描述，所以我拍了张照片:

http://p.twimg.com/Aq4o04vCMAEdhdD.jpg

我无法让 .title 自己坐在一行上，描述愉快地换行。

这是我正在使用的结构的 fiddle - http://jsfiddle.net/rEpgB/2/

任何指针将不胜感激:)

旁注

我用了http://hipsteripsum.me/对于我的虚拟文本，如果你想知道......

Answer 1

为什么不用你的 <hx>标签，因为这就是他们在那里的目的？它解决了您的问题并且在语义上是正确的:

<ul>
    <li class="container">
        <h2>Title Is Here</h2>
        <span class="description">Cred vice synth cliche, salvia banksy chambray organic blog. Quinoa organic fap 8-bit, fingerstache butcher gastropub vinyl.<span>
    </li>

    <li class="container">
        <h2>Another title</h2>
        <span class="description">Authentic 8-bit messenger bag PBR master cleanse, organic fanny pack beard raw denim etsy.<span>
            </li>
</ul>


li.container {
    float: left;
    border: 1px solid black;
    padding: 10px;
    margin: 10px;
}

h2 {
    font-size: 1.3em;
}

span.description {
    color: #888;
}​
​