JSFiddle - React, Tailwind, and code Playground

HTML

<div class="leftCont">
    <a href="#" class="text">http://www.bestbuy.com/site/olspage.jsp?id=cat12090&type=page&_requestid=99313/olspage.jsp?id=cat12090&type=page&_requestid=99313/olspage.jsp?id=cat12090&type=page&_requestid=99313/olspage.jsp?id=cat12090&type=page&_requestid=99313</a>
</div>

CSS

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.leftCont {
    width: 300px;
    height: 100%;
    background: tan;
    position: relative;
}

.text {
    position: absolute;
    display: block;
    width: 100%;
    bottom: 0;
    white-space: pre-wrap; /* css-3 */    
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */    
    white-space: -o-pre-wrap; /* Opera 7 */    
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}