Создания позиции на сайте с определеным положением и размерами

Добрый день! Не как не могу понять очень много перерыл информации не че не понимаю)) Вот например мне надо установить позицию в каком не стандартном месте сайта. Что мне для этого нужно прописать в html и css???? Помогите пожалуйста очень сильно нужно но не могу понять!!!

 

С помощью "абсолютного позиционирования" можно поставить предмет в любую область сайта. Прописывается в CSS :
Допустим назовём free

#free {

position:absolute; -- указывает на абсолютное позиционирование
top:220px; -- указывается отступ от верхнего края
right:20px; -- указывает отступ от правого края(так же можно от левого "left". и нижнего "bottom")
width:70px; -- размер файла (ширина)
height:100px; -- размер файла (высота)
background-image:url(...); -- указываем путь к файлу(в моём случае это картинка,т.к. атрибут "background-image")

}

потом прописываем в index.php (своего сайта)
<span id="free"></span>