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.

Previous: Input type=password modifies the dot style to *

Next: How to convert the expression entered in textarea into a string in vue

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu