I am not a guru but
Code:
<style>
body {
text-align : center;
min-width : 500px;
padding: 0;
margin: 0;
}
DIV.main_page {
position:relative;
text-align: center;
left:0px;
width: 500px;
margin-left : auto;
margin-right : auto;
}
DIV.main_head{
text-align: center;
display: table-cell;
width:500px;
}
DIV.left_text{
display: table-cell;
text-align: left;
width:500px;
}
</style>
</head>
<body>
<br><br>
<div class="main_page">
<div class="main_head">
This text should be centered on the page<br>
</div>
<br>
<div class="left_text">
This text should be left aligned in center of page.<br>
</div>
</div>
</body>
</html>
example:
http://www.bntnews.com/cssexample.htm
Hope that helps