Linktext mit Umbruch

[MrMurphy1]

Hallo

Dem Elternelement li ein margin-left zu verpassen (statt dem a ein padding-left) geht nicht, weil das li ein Hintergrundbild hat.

Noch weitere Überraschungen und Geheimnisse? Wir können dir nur Lösungen zu den Quellcodeschnipseln geben die du uns mitteilst.

Zu dem Quelltext

   <div>
      <img src="" />
      <a href="#">Linktext mit Umbruch</a>
   </div>

würde ich statt folgendem CSS

      div {
         width: 10rem;
         background-color: #bda;
      }
      img {
         float: right;
      }
      a {
         padding-left: 2rem;
         display: inline-block;
      }

das folgende CSS mit Flexbox verwenden:

      div {
         background-color: #bda;
         width: 10rem;
         display: flex;
         flex-direction: row-reverse;
         align-items: flex-start;
      }
      a {
         padding-left: 2rem;
      }

Gruss

MrMurphy