how to make all elements align horizontally in css code example

Example 1: inline block align center

.parent {
  display: flex;
  justify-content: center;
  align-items: center;
}

.child {
  display: inline-block;
}

Example 2: how to get my div to centre

.div{margin: 0 auto;}