CSS позиционирование текста

Question

У меня есть контейнер, и у меня #info держит мой текст h5. Как я могу разместить текст где угодно в контейнере, не портя страницу, когда разрешение отличается. Спасибо.

    <style media="screen" type="text/css">

    body {
    background-color:#C0C0C0;
    }

    #container {
    background-image:url('pic.png');
    background-repeat: no-repeat;
    height: 541px;
    width:1020px;
    margin: auto;
    }

    #info {
    height:500px;
    width:700px;
    }

    a:link {
    text-decoration: none;
    color:#000000;
    }
    a:hover {
    background-color:#efefef;
    } 

    h5 {
    color:black;
    font-size:0.9em;
    }

   </style>

Answer 1

Добавьте position: relative к #container и h5. Затем вы можете переместить заголовок с помощью left и top (или right и bottom).

#container {
    position: relative;
}


h5 {
    position: relative;
    left: 10px;
    top: 5px;
}

Вот демонстрация: http://jsfiddle.net/alp82/4b9xK/