JSFiddle - React, Tailwind, and code Playground

by jonschlinkert

HTML

<!DOCTYPE html>
<html>
  <head>
    <script src="http://code.jquery.com/jquery.min.js"></script>
    <link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css"
    rel="stylesheet" type="text/css" />
    <link href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css"
    rel="stylesheet" type="text/css" />
    <link href="//netdna.bootstrapcdn.com/font-awesome/3.0/css/font-awesome.css"
    rel="stylesheet">
    <script src="http://twitter.github.com/bootstrap/assets/js/bootstrap.js"></script>
    <meta charset=utf-8 />
    <title>JS Bin</title>
  </head>
  
  <body>
    <div class="btn-group"> 
      <a class="btn" href="#">
        <i class="icon-plus"></i>
        <span>Add</span>
      </a>
      <a class="btn" href="#">
        <i class="icon-trash"></i>
        <span>Remove</span>
      </a>
      <a class="btn" href="#">
        <i class="icon-edit"></i>
        <span>Edit</span>
      </a>
    </div>
  </body>
</html>

CSS

i[class*="icon"] {
  margin-right:5px;
  line-height: 1;
}