After set body display:flex; justify-content:center; align-items:center; , the web page is cut off on the top. Why?

1 week ago 13
ARTICLE AD BOX

Here is the code:

<body style="display:flex; justify-content:center; align-items:center;"> <div style="width:50%; background-color:yellow;"> <p style="font-size:10vw">blablabla0</p> <p style="font-size:10vw">blablabla1</p> <p style="font-size:10vw">blablabla2</p> <p style="font-size:10vw">blablabla3</p> <p style="font-size:10vw">blablabla4</p> <p style="font-size:10vw">blablabla5</p> <div> <body>

Some part on the top of this web page is disappear on desktop browser. Why and how to solve this? Thank you! enter image description here

Read Entire Article