我的 <ul> 项中的项目符号都是右对齐的

Question

我正在尝试向具有无序列表属性的网页添加内容，但出于某种原因，列表中的第一个属性出现异常。出于某种原因，它将圆盘放在句子之后而不是句子之前，而且不只是在句子之后，而是完全在页面的右侧；不过，以下内联样式确实可以正常工作。

奇怪的是，在 Dreamweaver 中它看起来是正确的，如果我在在线编辑器 (http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_lists4) 中尝试它，它也显示得很好，但如果我将它上传到页面，它就会开始运行奇怪。

<ul style="list-style-type:disc">
  <li>de problemen die u heeft</li>
  <li>wat u graag ziet wat er verandert</li>
  <li>of u andere therapieën, trainingen en/of activiteiten u volgt</li>
  <li>of u medicijnen krijgt, en zo ja welke</li>
  <li>of u tijdens uw behandeling kunt en wilt werken</li>
  <li>verslaglegging  evaluatie.</li>
</ul>

这是列表。我在其中添加了样式，因为我认为这是问题所在，但后来我注意到它只是出现在第一句话后面。

进一步深入我的代码，我有另一个列表，但它甚至没有显示为列表。

<ul>
<li>Intakegesprek-  gratis*</li>
<li>Stress  counseling - 1 uur - € 45,00</li>
<li>Combinatie  stress-counseling / ontspanningsmassage 1,5 uur - € 65,00</li>
</ul>

你们知道哪里出了问题吗？

编辑：这里是 css 代码：

/* CSS Document */
body{
    padding: 0px;
    margin: 0px;
    background: #fffbff;
    color: #6F6F00;
    font-family: Arial;
    font-size: 14px;
    line-height: 14px;
}

div, p, ul, h2, h3, h4, {
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

#prijs{
    padding: 0px;
    margin: 0px;
    background: #fffbff;
    color: #6F6F00;
    font-family: Arial;
    font-size: 14px;
    line-height: 14px;
}

#welcome h2{
    width: 470px;
    height: 35px;
    background: url(../images/h_welcome.gif) 0 0 no-repeat;
    position: relative;
    margin-bottom: 16px;
    border-bottom: #d1cfd1 1px solid;
    background-image: url(../images/h_welcome.gif);
}

#hotstone {
    width:485;
    height:275;
}

.mailto2 {
    color:#6F6F00; 
    text-decoration:none;
    font-family: Arial;
    font-size: 14px;
    line-height: 14px;
}
.mailto2 A:link {text-decoration: none}
.mailto2 A:visited {text-decoration: none}
.mailto2 A:active {text-decoration: none}
.mailto2 A:hover {text-decoration: underline;}

a:link {text-decoration:none;
font-size:14px;
font-family:Arial;
line-height:14px;
color: #6F6F00}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline;}

Answer 1

试试这个：

<ul style="list-style-position:inside;list-style-type:disc;">
  <li>de problemen die u heeft</li>
  <li>wat u graag ziet wat er verandert</li>
  <li>of u andere therapieën, trainingen en/of activiteiten u volgt</li>
  <li>of u medicijnen krijgt, en zo ja welke</li>
  <li>of u tijdens uw behandeling kunt en wilt werken</li>
  <li>verslaglegging  evaluatie.</li>
</ul>

如果还是不行，请尝试为 LI 元素添加相同的样式。

我的 <ul> 项中的项目符号都是右对齐的

The bullets in my <ul> items are all right-aligned

html

css

html-lists