css-center.md

how to put element in vertical center of parent?

<div class={"parent"}>
  ...
  <div class={"child"}>
    ...
  </div>
</div>

vertical center:

.parent{
position:relative;
}

.child{
  position: abosolute;
  top:50%;
  transform: translate(-50%, -50%);
 }

both vertical and horiaental:

        position: absolute;
        top: 50%;
        left:50%;
        transform: translate(-50%, -50%);