css - jquerymobile でインライン elt を配置しようとしています

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>