Позиционирование

Как сделать координаты позиции div относительно заголовка? Или я должен позиционировать все относительно более крупной обертки?

Из чего-то это можно сделать несколькими способами, но я подумал, что лучше всего знать, как обычно делается.

Кроме того, чтобы не открывать другой вопрос, и поскольку на это можно легко ответить,

Чтобы разместить и структурировать вещи на веб-сайте, я использую div справа. Чтобы разместить заголовок для блока, должен ли я использовать div внутри него? как вы видите ниже,

<div id="LatestQuests">
    <div id="LatestQuestsTitle"> Latest Quests </div>
</div>

CSS

#LatestQuests {
    display: block;
    position: relative;
    width: 240px;
    height: 190px;
    top: 68px;
    left: 18px;
    border-top-style: outset;
    border-right-style: outset;
    border-bottom-style: outset;
    border-left-style: outset;
    border-top-color: #000;
    border-right-color: #000;
    border-bottom-color: #000;
    border-left-color: #000;
}

#LatestQuestsTitle {
    background: #C0C0C0;
}