Probleem Css tekst buiten div

Een nieuw probleem tekst staan buiten de div
Main.css

#credits {
width: 499px;
height: 10px;
border: 1px solid #61020b;
background-color: #ffffff;
float: center;
padding: 5px;
margin-left: auto;
margin-right: auto;

#p2{
text-align: center;
width: 140px;
margin-left: auto;
margin-right: auto;
font-size:10pt;

html.html

Zet bij die button:
Padding-top: 6px;

Pas 6px aan naar een getal wat jij wilt.
En ik zou de lijn ook weghalen met:

Text-decoration: none;

Bedankt voor de tips verder nog tips

Toevoeging op janm:
Pas de height ook aan.

Doe je padding-top:6px;
Maak de height 6px kleiner

Bedankt heb height 6px klein en paddin-top : 14px; anders staat hij nog te hoog

geen probleem Je moet daar altijd gewoon een beetje mee knoeien totdat het goed staat
Maar denk er aan, als je padding gebruikt dan word het block altijd groter

Ik heb een nieuw probleem kijk de begin post aub en help als dat kan!

Ook als je die id weg haalt?

Je hebt een padding van 5px die misschien net genoeg is om de tekst buiten de div te laten komen, haal de padding is weg?

Nee dan is de div zelf niet goed in betrekking met de ander div kijk dan heb ik dit

Padding is nu weg

Dan krijg je probleem met de vorige div
Zonder id is het resultaat dat hij links staat op dezelfde hoogte

post de gehele css+html eens van die beide divs

Dit is het bestand waarin het moet gebeuren!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
     
    <html>
    <head>
    <title> Home </title>
    <link href="xxx.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    
     <div id="container">
     
    <div id="content2">
 
    
    
    </div>
    
    <div id="credits">
    <p id="p2"> 2012 - RBDesign</p>
   
    </div>
     
     
    </div>
     
    </body>
    </html>

Dit is zijn de bij bijhorende main.css

#container {
margin-left: auto;
margin-right: auto;
width: 650px;}

#content2{
width: 499px;
height: 600px;
border: 1px solid #61020b;
background-color: #61020b;
float: center;
padding: 5px;
width: 499px;
margin-left: auto;
margin-right: auto;
}

#credits {
width: 499px;
height: 10px;
border: 1px solid #61020b;
background-color: #ffffff;
float: center;
padding: 5px;
margin-left: auto;
margin-right: auto;

}

Iemand een idee?

Door de

float:center;

moet je waarschijnlijk nog een float-clear doen.

Op regel 22 van je HTML doe je dan dit:

<div style="clear: both;"></div>

haal

is weg