JSFiddle - React, Tailwind, and code Playground

by Lyndsy Simon

HTML

<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap-combined.min.css">
<table class='table table-bordered' style='width:300px;margin:20px;'>
<tbody>
    <tr>
        <td>Positive value: </td>
        <td><span class='label label-success'><i class='icon-circle-arrow-up icon-white'></i> 12.54%</span></td>       
    </tr>
    <tr>
        <td>Negative value: </td>
        <td><span class='label label-important'><i class='icon-circle-arrow-down icon-white'></i> -12.54%</span></td>       
    </tr>
</tbody>
</table>