Jump to content

Putting table in the middle of the page with CSS3


can

Recommended Posts

Okay, now I know my coding is pore, but I am comming from only being a HTML 4 and CSS/programing is not something I have done before. So yea, I am trying to fix the table in the center of the webpage. This is pritty much me copying and pasting from code I found online, I did edit it a little.

<!DOCTYPE HTML><html><head>   <Style type="text/css">    /* Makeshift CSS Reset */    {     margin: 0;     padding: 0;    }    /* Tell the browser to render HTML 5 elements as block */    header, footer, aside, nav, article {     display: block;    }    body {     margin: 0 auto;     width: 400x;     font: 13px/22px Helvetica, Arial, sans-serif;     background: black;     color:lightgray;    }    h2 {     font-size: 28px;     line-height: 2px;     padding: 0px 0;    }    h3 {     font-size: 18px;     line-height: 22px;     padding: 11px 0;    }    p {     padding-bottom: 25px;     line-height: 22px;     color:white;    }       #content {     display: table;    }    #mainContent {     display: table-cell;     width: 620px;     padding-right: 22px;          }   </style></head>    <body>     <section>         <table style="width: 80%; align: center;">       <div id="content">        <div id="mainContent">         <h2>Welcome</h2>          </header>           <p>           I cannot be held responsible for your visit.           <br><br>           You now have been warned.           <br>           <h1><b><P align="center">Enter</p></b></h1>           <p align="center">Please note that this site is still offline.</p>           </p>          </article>      </div>     </section>    </body></html>

Edited by can
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...