html - CSS缩进问题

Question

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

.entry ul li{ list-style:disc inside none !important; 填充：5px 0px }

Answer 1

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

取下它，然后调整 margin-left 以将整个列表项推到右侧，然后填充以将文本与列表项项目符号分开。这样的事情应该这样做：

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

Answer 2

它没有正确缩进，因为它不在单行上。请<p>在您的内部添加标签，并从左侧<li>向标签添加填充，例如：<p>

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

Answer 3

没有“rauberdaniel”那是浪费时间，无论如何我发现为什么我的源代码中的 UL 标签不能与 UL 标签中的 h2 和 h7 一起使用......因为我编辑了所有的 min.css 和默认值。我的源代码调用的 css 类，但它是针对这个下拉菜单的，但是.. 编辑所有 .css 文件夹时我没有看到什么......有一个 menu.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/ci 花了一个半小时搜索纯 CSS 样式.. 愚蠢的浪费时间....但是它是 (h2)... 现在添加和我添加到 css 样式中的 h7 ALLL因为我希望文本小于描述点的标题，然后单击 HTML 站点中的下拉按钮。