<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
