Question

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

I’m tryign to make the comment and the author appear on the same line, with the author+delete button right floated

But it’s complicated with jquery-mobile, any help or advise on that would be appreciated

thx

Updated here: http://jsfiddle.net/ca11111/WEuzB/8/ almost good

Answer 1

Try this – 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>

UPDATE – to shrink the height – 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>