JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://fortawesome.github.io/Font-Awesome/3.2.1/assets/font-awesome/css/font-awesome.css">
<div class="precedent">
    <a href="#" title="précédent">Lorem ipsum dolor sit ame </a><i class="icon-circle-arrow-left"></i>
</div>
<div class="suivant">
    <i class="icon-circle-arrow-right"></i><a href="#" title="suivant"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor</a>
<div>

CSS

div.precedent{
    float:left;
}
div.suivant{
    float:right;
    max-width:200px;
}
div.suivant i {
    float: left;
}
div.suivant a {
    overflow: hidden;
    display: block;
}