Textformatierung zur Einrückung

[MrMurphy1]

Hallo

vermutlich einfach zu lösendes Proble

Richtig. Das Mittel der Wahl ist wie heutzutage fast immer Flexbox.

Zu dem HTML

      <ul class="liste">
         <li>zum Beispiel:
            <ul>
               <li>Audi</li>
               <li>VW</li>
               <li>Mercedes</li>
            </ul>
         </li>
         <li>kurz:
            <ul>
               <li>Birne</li>
               <li>Orange ist ein Obst, welches, wie verwunderlich, in oranger Farbe daherkommt, aber vor dem Verzehr erst nervig geschält werden muss und im Gegensatz zu Äpfeln und Birnen in Deutschland nicht gedeiht sondern importiert werden muss.</li>
               <li>Apfel</li>
            </ul>
         </li>
         <li>ganz lange Einleitung:
            <ul>
               <li>Hamburg</li>
               <li>Flensburg</li>
               <li>Bremen</li>
            </ul>
         </li>
      </ul>

zum Beispiel

   /*Listen ul, ol*/
   @media all {
      ul,
      ol {
         padding: 0;
      }
      li {
         list-style-type: none;
      }
   }

   /*.liste*/
   @media all {
      .liste>li {
         margin-bottom: 0.5rem;
         display: flex;
      }
      .liste>li>ul {
         margin-left: 0.5rem;
      }
   }

Gruss

MrMurphy