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

Question

У меня есть следующий код: то, что я хочу, это с помощью 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;
}

Answer 1

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

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

Answer 2

Попробуйте:

img#MYIMAGE {
  float: right;
}

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

Answer 3

Попробуйте float:right;

Answer 4

Просто плавай как надо

#MYIMAGE{
 float:right;
}

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