JSFiddle - React, Tailwind, and code Playground

HTML

<li class="mobilItem">	 
<img data-video="k2C5TjS2sh4" src="https://i.ytimg.com/vi/k2C5TjS2sh4/hqdefault.jpg" alt="play" class="bilden" width="30%" height="30%">
	<p class="title">Roxette - It Must Have</p>
	<img src="https://img.icons8.com/cotton/2x/plus--v1.png" onclick="saveVideo(this)" alt="Roxette - It Must Have Been Love (Official Music Video)" class="plus" id="k2C5TjS2sh4" width="45" height="45" name="https://i.ytimg.com/vi/k2C5TjS2sh4/hqdefault.jpg">
	</li>
  <li class="mobilItem">	 
<img data-video="k2C5TjS2sh4" src="https://i.ytimg.com/vi/k2C5TjS2sh4/hqdefault.jpg" alt="play" class="bilden" width="30%" height="30%">
	<p class="title">Roxette - It Must Have</p>
	<img src="https://img.icons8.com/cotton/2x/plus--v1.png" onclick="saveVideo(this)" alt="Roxette - It Must Have Been Love (Official Music Video)" class="plus" id="k2C5TjS2sh4" width="45" height="45" name="https://i.ytimg.com/vi/k2C5TjS2sh4/hqdefault.jpg">
	</li>

CSS

.mobilItem {
    list-style: none;
    border-bottom: 1px solid #2f2f2f;
    padding-bottom: 1%;
    padding-top: 1%;
}
.bilden {
    border-radius: 30%;
    vertical-align: middle;
    margin-left: 1%;
}
.title {
   display: inline-block;
    font-family: "Times New Roman";
    max-width: 50%;
    vertical-align: middle;
}
.plus {
    vertical-align: middle; 
    cursor: pointer;
    right:0;
}