JSFiddle - React, Tailwind, and code Playground

by Ulrich Bangert

HTML

<ul>
<li>Listenpunkt 1</li>
<li>Listenpunkt 2</li>
<li>Listenpunkt 3</li>
<li>Listenpunkt 4</li>
</ul>

CSS

li {
  height: 50px;
  background-repeat: no-repeat;
  background-position: 0 center;
  display: flex;
  align-items: center;
  padding-left: 120px;
}

li:nth-child(1) {
  background-image: url(https://via.placeholder.com/80x40);
}
li:nth-child(2) {
  background-image: url(https://via.placeholder.com/100x40);
}
li:nth-child(3) {
  background-image: url(https://via.placeholder.com/50x40);
}
li:nth-child(4) {
  background-image: url(https://via.placeholder.com/75x40);
}