Почему мой блок входа не будет центрироваться в реакции? ⇐ CSS

[Anonymous]

Я пытаюсь поместить этот блок в центр. Вот мой код:
Это CSS:
.login__body {
display: block;
text-align: center;
border: 1px solid lightgrey;
width: 400px;
height: 600px;
}

Вот код:
import React from 'react';
import './App.css';

function LoginBody() {
return (


Hello


);
}

export default LoginBody;


Подробнее здесь: https://stackoverflow.com/questions/636 ... in-reactjs