to centre each content in html

1section {
2    width: 100%;
3    height: 100vh;
4    background-color: teal;
5    display: flex;
6    flex-direction: column;
7    align-items: center;
8    justify-content: space-evenly;
9}