JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE />
<html>
    <head><title>Supertramp  - Give A Little Bit</title></head>
    <body><h1>Supertramp - Give A Little Bit</h1>

<p><a href="http://guitar.about.com/library/blchord_amajor.htm" title="A major">A</a></p>

<p><a href="http://guitar.about.com/library/blchord_dmajor.htm" title="D major">D</a>Give a little bit<a href="http://guitar.about.com/library/blchord_amajor.htm" title="A major">A</a><a href="http://guitar.about.com/library/blchord_dmajor.htm" title="D major">D</a></p>

<p>Give a little bit<a href="http://guitar.about.com/library/blchord_gmajor.htm" title="G major">G</a> of your<a href="http://guitar.about.com/library/blchord_amajor.htm" title="A major">A</a> love to me<a href="http://guitar.about.com/library/blchord_gmajor.htm" title="G major">G</a><a href="http://guitar.about.com/library/blchord_amajor.htm" title="A major">A</a></p>


    </body>

</html>

CSS

h1 {
    font-family: Arial;
    font-size: 2em;
    margin-bottom: 1em;
}
p { 
    line-height:1em; 
    margin-bottom:1.1em;  
    font-family: Arial;
} 
a {
    position: relative;
    top: -1em;
    display:inline-block; 
    width: 0;
    overflow:visible; 
    color:#00F;
    font-weight:bold;
    font-family: Arial;
    text-decoration: none;
    }