JSFiddle - React, Tailwind, and code Playground

HTML

<div class="album">
    <img src="http://flickholdr.com/300/300/cd,album/1" />
    <div class="temas">
        <h1>Rome - Flowers From Exile</h1>
        <ol>
            <li>Canción tal y cual <a href="#">Descargar</a></li>
            <li>Otra canción <a href="#">Descargar</a></li>
            <li>Más canciones <a href="#">Descargar</a></li>
            <li>Licencias a mi... <a href="#">Descargar</a></li>
            <li>Holy shit <a href="#">Descargar</a></li>
            <li>Blabla bla <a href="#">Descargar</a></li>
            <li>Esto y lo otro <a href="#">Descargar</a></li>
            <li>¡Un bolero! <a href="#">Descargar</a></li>
            <li>Un, dos, tres... <a href="#">Descargar</a></li>
            <li>2+2=5 <a href="#">Descargar</a></li>
        </ol>
    </div>
</div>

CSS

/*
Licencia:
    A usar según te salga de las narices.
    Si utilizas el código, míralo e intenta aprender algo.
*/
.album {
    clear: both;
}

.album * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.album > img {
    float: left;
    margin-right: 20px
}

div.temas {
    overflow: hidden;
}

div.temas li {
    padding: 5px 5px 5px 15px;
    border-bottom: 1px solid grey;
    font-size: .8em;
    list-style-position: inside;
}

div.temas li a {
    float: right;
}