Поместите X в верхнюю часть div, не делая верх кликабельным.

Question

У меня есть прямоугольник и справа вверху X с элементами внутри него.Div с X является кликабельным.Проблема в том, что вся верхняя область кликабельна, а не только верхняя («X»), как я и хотел.Как сделать кликабельным только X и по-прежнему выравнивать по правому краю?

мой CSS

.itembox 
{
    float:left;
}

.itembox .RemoveMediaNotif
{
    text-align: right;
    text-decoration:underline;
    cursor: pointer;
}

мой HTML

<div class="itembox" id="i16"><div class="RemoveMediaNotif">X</div><div ...

Answer 1

.itembox .RemoveMediaNotif
{
    float:right;
    text-decoration:underline;
    cursor: pointer;
}

Должен исправить вашу проблему.

Answer 2

Ваш внешний div имеет , чтобы плавать влево? В противном случае я бы пошел (не проверено):

<div class='outer'><div class='x'>X</div></div>

и

.outer {
   //
}
.x {
  float:right;
}

Answer 3

Вы можете абсолютно точно расположить его справа. Вот что я бы сделал (я предполагаю, что это какая-то кнопка закрытия):

.itembox  
{ 
    position: relative;
    float:left; 
} 

.itembox .RemoveMediaNotif 
{ 
    position: absolute;
    right: 0px;
    top: 0px; 
    text-decoration:underline; 
    cursor: pointer; 
}