I need help with this code

I'm sorry if this is a nooby question but i have this code and couldn't find the answer online.

<div id="center">
<h1 Home of Soccer </h1>

How do i align my header into the center of the page.

Thanks

 

<div id="center">
<center><h1> Home of Soccer </h1></center> - might be overkill, but try that.

 

thank you for your advice

 

The center tag was deprecated in HTML 4.01, you should use:

 

If you are using css Then this should be of use.

/*----Div Id Center , Specify Height & Width of the container and all elements within the container Id center will be centered----*/
#center{
width: xxx;
height: xxx;
text-align: center;
}

Code (markup):

But just incase you have done something wrong. This will work

h1 {
text-align: center;
}

Code (markup):

Html Code would simply be

<div id="center">

<h1> Text Goes Here</h1>

</div><!--End Of Center-->

Code (markup):