Можно ли принудительно выровнять вложенные элементы списка HTML влево?

Question

Можно ли принудительно выровнять вложенные элементы списка HTML влево? для например:

• Бата
• Cat
• Rat
  • один
  • два
  • три
• Mat

<ul> 
    <li>Bat</li> 
    <li>Cat</li> 
    <li>Rat<ul><li>one</li><li>two</li><li>three</li></ul></li> 
    <li>Mat</li> 
</ul>  

должен выглядеть (без удаления п STED список):

• Bat
• Cat
• Крыса
• один
• два
• три
• Mat

Answer 1

Да, вы можете.

Установив margin и padding на нуль вложенных элементов ul, все элементы будут перемещены влево.

Некоторые старые браузеры используют padding для отступов элементов списка. Итак, установите padding также равным нулю для всех браузеров.

Установите list-style-type: disc;, чтобы установить стиль всех элементов.

ul ul { 
 
    margin: 0; 
 
    padding: 0; 
 
    list-style-type: disc; 
 
}

<ul> 
 
    <li>Bat</li> 
 
    <li>Cat</li> 
 
    <li>Rat 
 
    <ul> 
 
     <li>one</li> 
 
     <li>two</li> 
 
     <li>three</li> 
 
    </ul> 
 
    </li> 
 
    <li>Mat</li> 
 
</ul>

Answer 2

check here

Используйте запас левый: -40px; и с помощью css вы можете сделать thi enter code here s более совершенен