Allign Text Options

[funride]

Okay so here's my code.

CODE

<style type="text/css">

body{background-color: #000000;
color: #ffffff;
font-family: arial;
font-size: 12px;}

#content{
position: absolute;
overflow: hidden;
top: 315px;
left: 140px;
width: 301px}

#banner{
position: absolute;
top: 05px;
left: 140px;
width: 301px}

</style>

<div id="banner">
<img src="http://i42.tinypic.com/2czes9g.png">
</div>


<div id="content">
<center><h1>Heading here</h1></center>
<center>Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. </center>
</div>

Can someone help me allign the text to be in between the stars, because I just had to center the header, but the main text wont go in the middle.

[mipadi]

I played around with it a bit and ended up with this:

HTML

<style type="text/css">

body{background-color: #000000;
color: #ffffff;
font-family: arial;
font-size: 12px;}

#content{
position: absolute;
overflow: hidden;
top: 315px;
left: 140px;
width: 301px}

#banner{
position: absolute;
top: 05px;
left: 140px;
width: 301px}

#content h1 { margin-left: 40px;
text-align: center; }
#content p { margin-left: 40px;
width: 259px; }

</style>

<div id="banner">
<img src="http://i42.tinypic.com/2czes9g.png">
</div>


<div id="content">
<h1>Heading here</h1>
<p>Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words.</p>
</div>