Is the following method not considered vertical, horizontal and centered?

  node.js, question
<div class="wrapper">
 <div class="content"></div>
 </div>
.wrapper{
 position: relative;
 width: 100px;
 height: 100px;
 background-color: red;
 bracket
 .content{
 position: absolute;
 Left: 50 percent;
 Top: 50 percent;
 width: 10px;
 height: 10px;
 background-color: green;
 bracket

Not really. Ten thousand steps back, you forgot to calculate the content’s width and height. It is not recommended to be centered like this.