CSS笔记---文字两边对齐

<style>
        .box{
            width: 1000px;
            height: 500px;
            background-color: #aa0000;
            margin:0 auto;
        }
        .tester{
            width: 100px;
            height: 100px;
            background-color: #44931c;
            color:#fff;
            text-align: justify;
        }

        .tester>span{
            /*display: inline-block;*/
            padding-left: 100%;
        }
    </style>
    <div class="box">
        <div class="tester">
                你好呀 <span></span>
        </div>
    </div>