css - インライン要素のリストで行をクリアします。疑似はSafariでは効果がありません

Question

インライン要素を含むリストを作成して、それらを複数行にわたって水平方向に中央に配置しました。以下のコードは Chrome と Firefox で機能しますが、pseudo 属性は Safari では有効になりません。これに対する回避策はありますか、それとも別のアプローチが必要ですか? (注: LESS 形式)

ul {
    margin: 0 auto;
    text-align: center;
    li {
        display: inline;
        &:nth-child(4):after {
            content: '';
            display: block;
        }
    }
}

編集：解決策が見つかりました-

&:nth-child(4):after {
     content: '\a';
     display: block;
     white-space: pre;
}