This is one of those things I’m blogging about strictly so I can search it later and find the answer. Below, we use a DIV contained within a DIV to center text/images/anything on a page, which we’ve arbitrarily decided is 1024px in width.
<div style="width: 1024px;"> <div style="width: 50%; margin: 0 auto;"> Everything within this DIV element will be centered within the 1024px outer DIV element! </div> </div>
Reference: StackOverflow – How to center DIV in DIV?