text-align: justify + text-justify: inter-ideograph 文字两端居中无效

Question

label标签（单行）内容要求两端对齐,谷歌火狐有效，Edge浏览器无效

<label class="required"><span>作业内容</span> <i></i></label>

label
    width: 4.5em;
    font-size: 0.16rem;
    color: #333;
    margin-right: 0.2rem;
    padding-top: 0.1rem;
    text-align: justify;
i
    display: inline-block;
    width: 100%;

尝试过给label加text-justify: inter-ideograph ,依然无效

Answer 1

在子元素前面加一个空格或空行就可以解决了

<label class="required">
    $nbsp;
    <span>作业内容</span> <i></i>
</label>