JSFiddle - React, Tailwind, and code Playground

HTML

<div style="overflow: hidden; display: block; border: 1px solid black; margin: 15px; width: 300px;">

        <div style="float: left;">
            <div style="padding-left: 3px; padding-top: 3px;">
            <div style="float: left;">
                    Title: 
                </div>
                <div style="float: left; padding-left: 12px">
                        ABC
                </div>
                <div style="clear: both"></div>
            </div>
            <div style="padding-left: 3px; padding-top: 3px;">
                <div style="float: left;">
                    Lyrics: 
                </div>
                <div style="float: left; padding-left: 3px">
                    <div style="overflow: hidden;width: 180px">
                        ABC DEF GHI JKl MNO dsa  dsa sddsa d s
                    </div>
                     <div style="overflow: hidden;width: 180px">
                        ABC DEF GHI JKl MNO MNO dsa  dsa sddsa d s
                    </div>
                </div>
                <div style="clear: both"></div>
            </div>
        </div>

        <div style="float: right; border-left: 1px solid black;">

            <img src="http://cdn1.iconfinder.com/data/icons/snowish/72x72/actions/gtk-media-play-ltr.png">
        </div>
    </div>