Elemente positionieren

[Shiela]

Hallo zusammen!

Ich versuche mich gerade hobbymäßig an einer kleinen Website und habe in diesem Forum auch schon viel Hilfe erhalten, Danke auf jeden Fall dafür. Nun habe ich das Problem, dass ich ein Textfeld ("Text") unter der Headline platzieren möchte. Mein Plan ist, dass die Headline die Seite umspannt und darunter sowohl das Textfeld als auch ein Menü erscheinen. Leider bekomme ich es einfach nicht hin, dass das textfeld und die Überschrift beide den selben Abstand zum rechten Rand aufweisen. Irgendwie hat die Überschirft eine Art "automatischen Zusatzrand", wodurch sie immer ein bisschen weiter links steht, auch wenn die margins der beiden gleich sind... wie behebe ich das? Danke auf jeden Fall für eure Antworten.

h1 {
   text-align: center;
   font-family:'Lemonada';
   font-size: 250%;
   border-style: solid;
   background-color: #D8D8D8;
   border-radius: 8px;
   border-color: black;
   margin: 2%
}

#Text {
   background-color: #D8D8D8; 
   position: absolute; 
   left: 30%;
   margin-top: 10px; 
   border-style: solid; 
   border-color: black; 
   border-radius: 5px; 
   margin-right: 2%
}

Edit Rolf B: Codeblocks formatiert man besser mit ~~~, siehe hier.