How to center a table that in form at middle

Question

I want to the table goes vertically down
I tried using verticle-align:middle and still dont get the job done
Expected:(Editted using paint)

register.html

<div class='center'>
        <form method='post' autocomplete="off">
            <table>
                <tr>
                    <td width='200px'>Username</td>
                    <td><input id='rounded' type='text' name='user'></td>
                </tr>
                <tr>
                    <td>Passwords</td>
                    <td><input id='rounded' type='password' name='pass'></td>
                </tr>
                <tr>
                    <td>Name</td>
                    <td><input id='rounded' type='text' name='name'></td>
                </tr>
                <tr>
                    <td>Email</td>
                    <td><input id='rounded' type='text' name='email'></td>
                </tr>
                <tr>
                    <td>No. Telephone</td>
                    <td><input id='rounded' type='text' name='tel'></td>
                </tr>
            </table><br>
            <input id='button' type='submit' value='enter' formmethod='post' >
        </form>
    </div>

register.css

.center{
  text-align: center;
}

form{
  margin-left:auto;
  margin-right:auto;
  width: 500px;
  height: 600px;
  background-color: white;
  border-radius: 40px;
}

table{
  vertical-align: middle;
  font-size: 25px;
  margin-left:auto;
  margin-right:auto;
}

My Approah is to use empty row of table , but im sure css gotta be good than that

score 1 · Accepted Answer · answered Apr 01 '21 at 11:12

1

form{
    display: flex;
    justify-content: center;
    align-items: center;
}

answered Apr 01 '21 at 11:12

krychaxp

69
3

i was going to post this.. lol – AdDev Apr 01 '21 at 11:20
Yea , but the `button` also `centered` and being placed right to the `table` – Amirul Akmal Apr 01 '21 at 11:21
Um , nevermind , i think that will be a `bug` that will be a `feature` because that's kinda nice..add some spaces and that will look cool – Amirul Akmal Apr 01 '21 at 11:23

How to center a table that in form at middle

1 Answers1