有序列表项目项目符号和容器到文本底部，如果包含内联块子项

Question

我遇到的问题是ol li div内的文字导致子项目显示在文本项目的底部。当li中的任何元素都将显示设置为内联块时，会出现此问题。

ol li div { display: block; }

ol li div h3 { width: 85%; margin: 0px; display: inline-block; }

演示：http://jsfiddle.net/xgmwac96/1/

Answer 1

尝试将vertical-align: top;用于h3元素。

ol li div {
    display: block;
}
ol li div h3 {
    width: 85%;
    margin: 0px;
    display: inline-block;
    vertical-align: top;/* Added */
}
ol li div a {
    float: right;
}

DEMO