Как я могу использовать CSS, чтобы расположить изображение справа?

У меня есть следующий код: то, что я хочу, - это использовать css, поместив «MYIMAGE» в самую правую сторону. альтернативный текст 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;
}

Ответов (4)

Решение

Альтернативой является использование абсолютного позиционирования.

Если # contact_17 - position: relative, вы можете установить для #MYIMAGE значение position: absolute и установить для его свойства «right» значение 0 (или как бы далеко от правого края вы хотите). Однако при абсолютном позиционировании все остальное в div игнорируется, поэтому, если вы это сделаете, убедитесь, что остальное содержимое не перекрывается.

Пытаться:

img#MYIMAGE {
  float: right;
}

Не уверен, что это сработает - это зависит от div#contact_17 стиля, что не ясно из вашего вопроса.

Пытаться float:right;

Просто держи это правильно

#MYIMAGE{
 float:right;
}

Было бы неплохо также исправить ширину изображения.