html - 如何将列表的元素符号移到文本的右侧？

元素符号图像必须位于文本的右侧。现在，它默认显示在页面的左侧。我怎样才能改变这个？

我有这个 CSS:

.landingpage ul{
list-style:none;
margin:0 0 1em 15px;
padding: 0;
list-style-position: inside;

}
.landingpage ul li{
line-height:1.3em;
margin: .25em 0;
padding: 0 0 0 15px;
background:url(../images/star.png) no-repeat 0 4px;
  list-style-type: none;
}
.landingpage li ul{
margin:0 0 0 30px;
list-style:disc;
}
 .landingpage li ul li{
padding-right:0;
background:none;
}

/* Holly Hack to fix ie6 li bg */
/* Hides from IE-mac \*/
* html li{height: 1%;}
/* End hide from IE-mac */

@media print{
.landingpage ul {
list-style:disc;
margin-right:30px;
}
 .landingpage ul li {
padding-right:0px;
background:none;
}
}

这是我的 HTML:

<div class="landingpage">
<ul >
<li>מפחד מהמלחמה</li>
</div>

</ul>

最佳答案

你没有元素符号的原因是因为 list-style: none;
从 list-style: none; 中删除 .landingpage ul，如果您愿意，可以添加 direction: rtl; 以使列表显示在屏幕的右侧而不是左侧。

.landingpage ul{
    margin:0 0 1em 15px;
    padding: 0;
    list-style-position: inside;
    /* direction: rtl; */
}

JSFiddle Demo

关于html - 如何将列表的元素符号移到文本的右侧？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24911621/