html - 如何使用 CSS 将图像定位在最右侧？

Question

我有以下代码:我想要的是使用 css 将“MYIMAGE”放在最右侧。 alt text http://igurr.com/resized-image.ashx/__size/500x400/__key/CommunityServer.Components.PostAttachments/00.00.00.01.73/OneContact.JPG

<div style="cursor: pointer;" onclick="javascript:SelectContact('17');" onmouseover="javascript:this.className='onfocus';" onmouseout="javascript:this.className='tempClass';" id="contact_17" class="tempClass">
                <input type="checkbox" class="contactChk contactItem" id="chk_17" name="chkContact" onclick="javascript:alert('clicked');"/>
                <img height="25" width="25" class="contactItem" src="Images/Contacts/NoImage.gif" alt=""/>
                <span class="contactName" id="contactName_17">
                    Amr ElGarhy
                </span>
                <img id="MYIMAGE" src="Images/Common/Motiva.png" alt="" class="contactItem"/>
                <br/>
            </div>

CSS:

.contactChk {
margin-left:10px;
}
.contactItem {
display:inline;
vertical-align:middle;
}

.contactName {
display:inline;
vertical-align:middle;
}

Answer 1

尝试:

img#MYIMAGE {
  float: right;
}

不确定这是否可行 - 这取决于 div#contact_17 的样式，这在您的问题中并不清楚。