float right not working with display flex code example

Example: float right flex

.parent {
  display: flex;
}
.child {
  margin-left: auto;
  order: 2;
}