6x转换为css (&N)？

Question

如何将我的6x  转换为CSS？

我有

​

 <ul data-role="listview"
        data-inset="true"
        data-theme="d"
        data-divider-theme="e"
        data-count-theme="a"
    >
        <li>
            <img    src="https://www.lifewire.com/thmb/SY5rof4hEZ4WkWqolEFWwZEIqAI=/774x0/filters:no_upscale():max_bytes(150000):strip_icc():format(webp)/yahoo-logo-2019-879b7bed612d4bbc97065dce2a0f2d73.png"
                alt="yahoo-mail"
                class="ui-li-icon"/>
            <a href="./about">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Yahoo!</a>
            <span class="ui-li-count">3</span>
        </li>
    </ul>

​

以下代码：

Answer 1

删除所有 并使用padding：

a{padding-left:20px}

Answer 2

执行以下操作：

<ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="e" data-count-theme="a">
        <li>
            <img src="/css/images/yahoo-mail.png" alt="yahoo-mail" class="ui-li-icon"/>
            <a href="./about"><span class="link-text">Yahoo!</span></a><span class="ui-li-count">3</span>
        </li>
</ul>

CSS：

.link-text:before {
    content: '      '; /* 6 spaces */
}

Answer 3

在标记中给出span标记。

<a href="./about"><span></span>Yahoo!</a>

然后对span进行填充。