文字两端对齐，一直没有效果

Question

            <ul>
                <li>
                  <span class="around">
                    宅基简称：
                    <i></i>
                  </span>
                  <span>的看法就看见</span>
                </li>
               
                <li>
                  <span class="around">类型：
                    <i></i>
                  </span>
                  <span>看得见风</span>
                </li>
            </ul>

.around {
    display: inline-block;
    text-align: justify;
    width: 90px;
    i {
      display: inline-block;
      padding-left: 100%;
    }
  }

请问我这么写有什么问题吗？没有效果

Answer 1

我用了69版本的chrome和11.1.2 的safari， iphone试了下，都是OK的呀。楼主用的什么浏览器？又或者是不是被其他代码覆盖了？
http://jsfiddle.net/lisalin98...

Answer 2

参考 CSS如何实现文字两端对齐