JSFiddle - React, Tailwind, and code Playground
by kodjoe mambi
HTML
<span style="font-style:italic;">
<div id="block_container">
<div id="bloc1"><a href="http://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.facticemagazine.com%2Fnews%2Fcometomyhotel%2F" target="_blank" title="Share on Facebook">Facebook</a>
/
</div>
<div id="bloc2"><a href="http://twitter.com/share?url=http%3A%2F%2Fwww.facticemagazine.com%2Fnews%2Fcometomyhotel%2F&text=FACTICE%20MAGAZINE%2C%20Come%20to%20my%20hotel:%20http%3A%2F%2Fwww.facticemagazine.com%2Fnews%2Fcometomyhotel%2F&via=facticemagazine" target="_blank" title="Share on Twitter">Twitter</a>
/
</div>
<div id="bloc3"><a href="http://pinterest.com/pin/create/button/?url=http%3A%2F%2Fwww.facticemagazine.com%2Fnews%2Fcometomyhotel%2F&media=http://www.facticemagazine.com/news/cometomyhotel/img/0.png&description=" target="_blank" title="Pin it" class="pin-it-button" count-layout="horizontal" target="_blank">Pinterest</a>
/
</div>
<div id="bloc4"><div id="copy-link-wrap">
<div id="copy-link" style="cursor: hand">copy link</div>
<input style="font-size:0px; border:1px solid #000; padding:5px; margin:0; height:0px;" name="toclip" id="toclip" type="text" value="http://www.facticemagazine.com/news/cometomyhotel/"/>
</div></div>
</div>
</span>CSS
#bloc1, #bloc2, #bloc3, #bloc4 { display:inline; }