Help on php please

i need help on this project. Heres the code, when you run it do you notice the long black bar for credit card safety can you please help me so it wont cover the whole page thank you.

header { background-color:black; color:white; clear:both; text-align:left; padding:0px; } section { width:330px; float:left; padding:10px; } footer { background-color:black; color:white; clear:both; text-align:center; padding:1px; }

Credit Card Safety

Pryme "Get Connected"

Pryme does not see,recieve or store a customer's credit card information on this web site. All information is handled by Autthorize.net a leading trasaction processor.

www.authorize.net

Copyright © Pryme.com

You can either set the width of the header or wrap the html in a div, give it an id and use that to set the width:

Red :wink:

Option 1:

header {
    width: 50%;
}

Option 2:
Notice the changes i made both in the CSS and HTML.

<!DOCTYPE html>
<html>

<head>
<style>
#page {
	width: 50%;
}

header {
    background-color:black;
    color:white;
    clear:both;
    text-align:left;
    padding:0px; 
}
section {
    /* width:330px; */
    width: 100%;
    float:left;
    padding:10px;
}
footer {
    background-color:black;
    color:white;
    clear:both;
    text-align:center;
    padding:1px;
}
</style>
</head>

<body>
<div id="page">
<header>
<h2>Credit Card Safety</h2>
</header>


<section>
<h2>Pryme "Get Connected"</h2>
<p>Pryme does not see,recieve or store a customer's credit card information on this web site. All information is handled by Autthorize.net a leading trasaction processor.
<p>
<a href="http://www.authorize.net/">www.authorize.net</a>
</p>
</p>


<footer>
Copyright © Pryme.com
</footer>
</div>
</body>
</html>
Sponsor our Newsletter | Privacy Policy | Terms of Service