css - 无法获取自定义元素符号图像以显示列表项的右侧

Question

我正在尝试创建一个列表，我的元素符号是每个列表项右侧的复选标记。

列表需要在页面的中心。

(我会发布一个图形示例，但没有代表点数)。

这就是我想要的页面中心内容。

列表项 1 ✔
列表项 2 ✔
列表项 3 ✔

现在，我的列表位于页面中央，但复选标记一直位于页面右侧。

这就是我现在拥有的(但不想要)。

列表项 1 ✔
列表项 2 ✔
列表项 3 ✔

      <div class="welcome-text">

          <div class="welcome-text1">
                <ul class="certs">
                    <li>Licensed</li>
                    <li>bonded</li>
                    <li>insured</li>
                </ul>
          </div>

          <div class="welcome-text2">
                The BEST Choice For Quality Termite Pest &amp; Lawn Care! Protecting your home starts with a free inspection.
          </div>

  </div>

这是上面的CSS:

.welcome-text{
    padding-top:30px;
    margin:0 auto;
    width:80%;
    overflow:hidden;

}

.welcome-text1{
    color:#333333;
    font-family:Open Sans Condensed;
    text-transform:uppercase;
    font-size:24px;
    line-height:30px;
}

.welcome-text1 ul{
    list-style-type: none;
    margin-left: 0;
}

.welcome-text ul li{
    display:block;
    background-color:#CCC;
    background: url(images/checkmark.png) right center no-repeat;

}

.welcome-text2{
    color:#777;
    font-family:tahoma;
    font-size:18px;
    line-height:20px;
}


.certs li{
    list-style: none;
    padding:3px;
    margin:0;

}

有什么想法吗？

TIA

Answer 1

如果你只需要你的子弹出现在右侧，你可以简单地使用

<ul dir="rtl" type="disc">

然后只需使用 list-style-type 等通过图像更改元素符号...我认为它会解决您的问题。