The text is aligned at both ends, but it has no effect.

            <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%;
    }
  }

is there a problem with my writing that way? No effect

Css
Jun.16,2021

refer to CSS how to achieve text alignment


I used the 69 version of chrome and 11.1.2 safari, iphone to try, they are all OK. What browser does the landlord use? Or is it overwritten by other code?
http://jsfiddle.net/lisalin98.

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b36a25-2c010.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b36a25-2c010.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?