css - 尝试使用 jquerymobile 放置内联 elts

Question

http://jsfiddle.net/ca11111/WEuzB/

我试着让评论和作者出现在同一行，作者+删除按钮右浮动

但是 jquery-mobile 很复杂，任何帮助或建议将不胜感激

谢谢

在这里更新：http : //jsfiddle.net/ca11111/WEuzB/8/几乎不错

Answer 1

试试这个 - http://jsfiddle.net/WEuzB/5/

<div style="width:100%; overflow:hidden;">
    <div style="display:inline-block; float:left; height:40px; line-height:40px;">how you?</div>
    <div style="display:inline-block; float:right;">
        <b>Sarah Pink</b>
        <a href="" type="button" data-inline="true" data-iconpos="notext" data-icon="delete"></a>
    </div>
</div>

更新- 缩小高度 - http://jsfiddle.net/WEuzB/10/

CSS

.ui-li-static.ui-li { padding: 0 15px !important } /* need to redefine a jquery set style */

HTML

<div style="width:100%; overflow:hidden;">
    <div style="display:inline-block; float:left; height:40px; line-height:40px;">how you?</div>
    <div style="display:inline-block; float:right;">
        <b style="display:inline-block; float:left; height:40px; line-height:40px;">Sarah Pink</b>
        <a href="" type="button" data-inline="true" data-iconpos="notext" data-icon="delete"></a>
    </div>
</div>