Почему мое относительное позиционирование CSS не работает?

Question

У меня возникли проблемы с перемещением любого из моих div с относительным/абсолютным расположением ect. Любая помощь была бы оценена, приветствия.

Код:

<div id="game"><img src="gta-game.jpg" height="100" width="70" alt="gta"/></div></li> 
    <div id="gamename">Grand Theft Auto V</div> 
    <div id="rating">9/10<div> 
    <div id="system">PS4</div> 

CSS:

#game{ 
height: 100px; 
width: 70px; 
display: relative; 
left: 50px; 
} 
#gamename{ 
display: relative; 
right: 50px; 
} 
#rating{ 
display: relative; 
right: 100px; 
} 
#system{ 
display: relative; 
right: 200px; 
} 

Answer 1

Вы используете display. Вы должны использовать position. Попробуйте следующее:

#game{ 
height: 100px; 
width: 70px; 
position: relative; 
left: 50px; 
} 
#gamename{ 
position: relative; 
right: 50px; 
} 
#rating{ 
position: relative; 
right: 100px; 
} 
#system{ 
position: relative; 
right: 200px; 
} 

Answer 2

Правильное свойство position: relative, не display: relative.