Css to center a div inside a div parent

.parent {
      height: 200px;
      width: 100%;
    }

    .child {
      height: 50px;
      width: 50px;
      margin: 0 auto;
    }