文字两端对齐

刚看到的一个问题但是之前有碰到过记录一下

CSS:

.container{
    width:100px;
    height:50px;
    text-align: justify;
    text-justify:inter-ideograph;
    background-color:#428bca;
    color:#fff;
}
.container>span{
    padding-left:100%; 
}

HTML:

<div class="container">
   您好呀<span></span>
</div>