<!DOCTYPE html>
<style>
div {
    font-family: sans-serif;
    font-size: initial;
    width: 300px;
    display: flex;
    justify-content: center;
    color: black;
}
</style>
<h4>Test for centering text inside a button set to display flex and justify-content: center is impossible</h4>
<div>text with justify-content: center</div>