Aligner les cases à cocher à gauche, dans une liste HTML nestede?

J’ai une liste HTML nestede. J’essaie d’aligner les cases à cocher sur une étendue que je veux aligner dans une ligne droite verticale à gauche.

  • Bat
    description
  • <div class="R" Cat
  • Rat
    • one
      blah
      blah blah
    • two
  • J’ai essayé float, ça ne semble pas fonctionner.

    Remarque: je ne veux pas perdre les marges pour les éléments. Juste la case à cocher.

    Vous pouvez essayer d’utiliser

     position: absolute; left: 0; 

    ainsi:

     
    • Bat
      description
    • Cat
    • Rat
      • one
        blah
        blah blah
      • two

    Cela aligne toutes les cases à cocher sur une ligne droite verticale en dehors de la liste. Est-ce ce que tu voulais?

    Essayez le code CSS suivant et cela résoudra le problème.

     li ul span input{margin-left: -36px;} 

    Bonjour arbaaz u peut régler le rembourrage 0 sur l’élément ul. Violon

     
    • Bat
      description
    • Cat
    • Rat
      • one
        blah
        blah blah
      • two

    et utiliser css

     ul{ padding-left:0 } 

    J’espère que ceci vous aidera