Не удается правильно расположить с HTML

Question

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

#falling2 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -2;
}

<marquee id="falling2" height="100%" direction=down scrollamount="20">
  <img src="http://via.placeholder.com/50x50">
</marquee>

Однако по какой-то причине он остается приклеенным к левой стороне.

Я попробовал решения переполнения стека, но они, похоже, не решили мою проблему.

Answer 1

#falling2 {
    position: absolute;
    left: 0;
    z-index: -2;
    text-align: right;
}

<marquee id="falling2" height="100%" direction=down scrollamount="20">
    <img src="http://via.placeholder.com/50x50">
</marquee>

Answer 2

   <style type="text/css">
    #falling2 {
    position: absolute;
    top: 0;
    right: 0; 
    z-index: -2; 
    text-align:  right;
}
</style>

установить выравнивание текста: вправо

Answer 3

Существует свойство css, известное как выравнивание текста, которое используется для выравнивания внутренних элементов (относительно границы / границы внешнего элемента), посмотрите на это в следующем фрагменте

#falling2 {
        position: absolute;
        top: 0;
        text-align:right;
        z-index: -2;
    }

<marquee id="falling2" height="100%" direction=down scrollamount="20">
        <img src="image.png">
    </marquee>