How to align form at the center of the page in html css

Question

I am new to html css  i am trying to build up my own form and i am trying to align it in the center  I used the align property in css but its not working   Html code    lt  DOCTYPE HTML gt   lt head gt       lt title gt Web Page Having A Form lt  title gt       lt link rel    stylesheet  type  text css  href  Form css  gt   lt  head gt   lt body gt       lt h1 gt Create a New Account lt  h1 gt         lt form  gt          lt table gt           lt tr gt            lt td gt Name   lt  td gt   lt td gt  lt input type  text  name  name  gt  lt  td gt  lt br gt           lt  tr gt           lt tr gt            lt td gt Email   lt  td gt   lt td gt  lt input type  text  name  email  gt  lt  td gt  lt br gt           lt  tr gt           lt tr gt            lt td gt Password   lt  td gt   lt td gt  lt input type  password  name  pwd  gt  lt  td gt  lt br gt           lt  tr gt           lt tr gt            lt td gt Confirm Password   lt  td gt   lt td gt  lt input type  password  name  cpwd  gt  lt br gt           lt  tr gt           lt tr gt            lt td gt  lt input type  submit  value  Submit  gt  lt  td gt           lt  tr gt          lt  table gt         lt  form gt   lt  body gt    Css Code       body       background-color    484848    h1       color    000000      text-align   center      font-family   SIMPSON     form       align  center       How should i change my code to align the entire form in the center

User · Answer

Wrap the  lt form gt  element inside a div container and apply css to the div instead which makes things easier    x000D   x000D   aDiv width  300px  height  300px  margin  0 auto   x000D   lt html gt  x000D   x000D   lt head gt  lt  head gt  x000D   x000D   lt body gt  x000D     lt div gt  x000D       lt form gt  x000D         lt div id  aDiv  gt  x000D           lt table gt  x000D             lt tr gt  x000D               lt td gt Name   lt  td gt  x000D               lt td gt  x000D                 lt input type  text  name  name  gt  x000D               lt  td gt  x000D               lt br gt  x000D             lt  tr gt  x000D             lt tr gt  x000D               lt td gt Email   lt  td gt  x000D               lt td gt  x000D                 lt input type  text  name  email  gt  x000D               lt  td gt  x000D               lt br gt  x000D             lt  tr gt  x000D             lt tr gt  x000D               lt td gt Password   lt  td gt  x000D               lt td gt  x000D                 lt input type  password  name  pwd  gt  x000D               lt  td gt  x000D               lt br gt  x000D             lt  tr gt  x000D             lt tr gt  x000D               lt td gt Confirm Password   lt  td gt  x000D               lt td gt  x000D                 lt input type  password  name  cpwd  gt  x000D                 lt br gt  x000D             lt  tr gt  x000D             lt tr gt  x000D               lt td gt  x000D                 lt input type  submit  value  Submit  gt  x000D               lt  td gt  x000D             lt  tr gt  x000D           lt  table gt  x000D         lt  div gt  x000D       lt  form gt  x000D     lt  div gt  x000D   lt  body gt  x000D   x000D   lt  html gt  x000D   x000D   x000D

User · Answer

Like this  demo  css      body       background-color    484848      margin  0      padding  0    h1       color    000000      text-align   center      font-family   SIMPSON     form       width  300px      margin  0 auto

User · Answer

Or you can just use the  lt center gt  lt  center gt  tags

User · Answer

This is my answer  I m not a Pro  I hope this answer may help you  3   lt div align  center  gt   lt form gt      Your elements      lt  form gt   lt  div gt

User · Answer

I would just use table and not the form  Its done by using margin   table     margin  0 auto      also try using something like  table td       padding-bottom  5px      instead of  lt br   gt   and also your input should end with   gt  e g    lt input type  password  name  cpwd    gt

User · Answer

Wrap the  element inside a div container as a row like  your form here or something like that  Set css attribute    width  30    or anything you want  margin  auto  Please take a look on following picture for more detail

[html] How to align form at the center of the page in html/css

Examples related to html

Examples related to css