列表项未正确格式化

时间:2014-07-25 20:04:48

标签: html css html-lists

这个JSFIDDLE中的{p> <li>并不是我想要的格式 2行的最后一行在"<li> dot"下面开始(白色背景是文本正常开始的地方)。

问题是:我如何强迫它在右边开始一点点? (与上线开始的位置相同)

2 个答案:

答案 0 :(得分:1)

确保您的HTML正确无误。您没有<ul></ul>,也没有关闭<li>代码。 我已经编辑了一些样式,只是为了向您展示结果。

http://jsfiddle.net/JbXHY/3/

答案 1 :(得分:1)

将您的div切换为ul并将background颜色更改为border,如下所示:

<强> HTML:

<ul id="ram">

    <li> zdar</li>
    <li> cau </li>
    <li> hey</li>
    <li> jak se mas ty mala slapoto? doufam, ze ne moc dobre :D </li>

</ul>

<强> CSS:

#ram {
    border: 10px solid red;
    width: 150px;

}

li {
    color: red;
    background: white;
}

注意:请使用正确的HTML语法,否则您将无法获得预期的结果。您可以使用MDN作为一个很好的资源,以确保您使用HTML元素的正确语法。

DEMO JSFiddle