.list-inline {
    text-align: center;
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.list-inline > li {
    display: inline-block;
}

/**
 * @bugfix Prevent webkit from removing list semantics
 * https://www.scottohara.me/blog/2019/01/12/lists-and-safari.html
 * 1. Add a non-breaking space
 * 2. Make sure it doesn't mess up the DOM flow
 */
.list-inline > li:before {
    content: "\200B"; /* 1 */
    position: absolute; /* 2 */
}