html - CSSインデントの問題

Question

<li>テキストが次の行に折り返されたときに、上の行に従ってインデントされるように、Web サイトの順序付けられていないリストを変更したいと考えています。さまざまな方法を試しましたが、何も機能していないようです。私は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

1行ではないため、適切にインデントされていません。<p>次のように、タグの内側にタグを追加<li>し、パディングを<p>左側からタグに追加してください。

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

Answer 3

とにかく、ソースコードのULタグがULタグのh2とh7で機能しない理由を見つけました...すべてのmin.cssとデフォルトを編集したためです。私のソース コードが呼び出す css クラスは、このドロップ ダウン メニュー用でしたが、.css フォルダーのすべてを編集するときに表示されなかったもの... メイン メニュー機能を制御する menu.js がありました.. . 当たり前!!! （JavaScript）ライブラリの1つの汎用関数だと思っていましたが、確かにそこにありました....これは私がダウンロードして編集したテンプレートでした..そして、ソースコード呼び出しの後の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スタイルを検索するのに1時間半費やした..時間の無駄..しかし、そこに（h2）があり、CSSスタイルALLLに追加したh7を追加するHTMLサイトのポイントアンドクリックドロップダウンボタンを説明するタイトルよりも小さいテキストが必要だったからです。