CSS <ul><li> 缩进问题

Question

我想修改我网站上的无序列表，以便当文本换行到一行内的下一行时<li>它会根据上面的行缩进。我尝试了许多不同的方法，但似乎没有任何效果。我对 css 没有太多经验，所以我可能只是错过了一些简单的东西......

.entry ul li{ 列表样式：光盘内无！重要; 填充：5px 0px }

Answer 1

这是因为list-style样式已inside声明的一部分。

取下此选项，然后调整左边距以将整个列表项向右推，然后填充以将文本与列表项项目符号分开。像这样的事情应该这样做：

.entry ul li {
    list-style: disc !important;
    margin-left: 20px;
    padding: 3px 0 0 5px;
}

Answer 2

它没有正确缩进，因为它不在单行上。 请在<li>内添加<p>标签，并从左侧填充到<p>标签中，如下所示：

.entry ul li p{
   padding: 0px 0px 0px 10px;
} 

Answer 3

没有"rauberdaniel"那是浪费时间，无论如何，我发现了为什么我的源代码中的 UL 标签不适用于 UL 标签中的 h2 和 h7 ...因为我编辑了我的源代码调用的所有最小.css和默认.css类，但它是针对此下拉菜单的但。。。。编辑所有.css文件夹时我看不到的内容...有一个菜单.js控制主菜单功能...咄!!认为它是其中一个（JavaScript）库中的通用函数，但肯定它在那里......这是我下载和编辑的模板.....而 js 代码在源代码调用后在下面....

<div id="MainMenu">
<ul id="MegaMenu">
<li>  <h2 class="question">Mechanical</h2>
<div>
<p> ......urthrtfhfthth</p>
</div>

function megaHoverOver(){
  // show effect
  $(this).find(".sub").stop().slideDown();
  // render cufon on headings again (because it wasn't visible before)
  Cufon.replace('#MainMenu h2', { fontFamily: 'Vegur' });
  //Calculate width of all ul's
  (function($) { 
    jQuery.fn.calcSubWidth = function() {
      rowWidth = 0;
      //Calculate row
      $(this).find("ul").each(function() {                  
          rowWidth += $(this).width(); 
      });   
    };

我觉得很愚蠢的b/c，我花了一个半小时搜索普通的CSS样式..愚蠢的浪费时间....但它在那里（H2）...现在添加和 H7 我添加到 CSS 样式 ALLL 中，因为我希望文本小于描述点的标题，然后单击 HTML 站点中的下拉按钮。