How can I make a div into the center

Question

I want to make a registration form

How can I align this box like right under the head title?

h1 {
  text-align: center;
}

.registrerBoks {
  width: 300px;
  height: 300px;
  background-color: lightblue;
}

<h1>registrer</h1>
<div class="registrerBoks">

</div>

Answer 1

You can use margin:auto:

h1 {
  text-align: center;
}

.registrerBoks {
  width: 300px;
  height: 300px;
  margin: auto;
  background-color: lightblue;
}

<h1>registrer</h1>
<div class="registrerBoks"></div>

Answer 2

Add margin: auto; to the registerBoks form.

h1 {
  text-align: center;
}

.registrerBoks {
  width: 300px;
  height: 300px;
  margin: auto;
  background-color: lightblue;
}

<h1>registrer</h1>
<div class="registrerBoks">

</div>