Transform

by Pritam Bohra

HTML

<div class="transformable">
  <p>Transform</p>
  <hr>
</div>

CSS

.transformable {
  background-color: #646464;
  width: 300px;
  height: 100px;
  /* text-align: center; */
  position: relative;
}

p {
  border: 1px solid red;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}