how do i align the text to the middle of the div? Code is the description.

Question

<div style="width: 200px; height: 500px;">Hello</div>

I would like to see different codes

Answer 1

<div style="width: 200px; height: 400px; background:red;display:flex;align-items:center">
<span style="margin:auto">
Hello
</span>
</div>

Answer 2

Syed Muhammad Dawoud Sheraz Ali:
the code you wrote is wrong can you please delete your comment so people don't get confused

Answer 3

With this technique you can center the text both horizontally and vertically.
First enclose the text inside an H1 or P tag,
<div style="width: 200px; height: 500px;"><h1>Hello</h1></div>

The CSS:
div {
position: relative;
}

h1 {
position: absolute;
left: 50%;
top: 50%;
transform: translate3D(-50%, -50%, 0);
}

Answer 4

use text-align:center.
another way is to enclose div inside p tag and use text-align with p.
<p style="text-align:center"> div... </p>.
this should do.

Answer 5

.div {
position: absolute;
top:0;
bottom: 0;
left: 0;
right: 0;

margin: auto;
}