Flex / Grid layouts not working on button or fieldset elements

Question

I\'m trying to center inner elements of a -tag with flexbox\'s justify-content: center. But Safari does not center them. I can apply

Answer 1

Starting Chrome 83, the button now works as inline-grid/grid/inline-flex/flex, you can see more about this new feature here

Here is a snippet(for those using Chrome 83 and up)

button {
  display: inline-flex;
  height: 2rem;
  align-items: flex-end;
  width: 4rem;
  -webkit-appearance: none;
  justify-content: flex-end;
}

Hi