JSFiddle - React, Tailwind, and code Playground

by Sebastian Kay

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<div class="container">
    <div class="row">
        <div class="span4">
            <button href="#" class="btn btn-large"><i class="icon-car"></i> Car</button>
        </div>
    </div>
    <hr>
    <div class="row">
        <div class="span4">
          <div style="padding: 8px 0;" class="well">
            <ul class="nav nav-list">
              <li class="active"><a href="#"><i class="icon-car icon-white"></i> Home</a></li>
              <li><a href="#"><i class="icon-book"></i> Library</a></li>
              <li><a href="#"><i class="icon-pencil"></i> Applications</a></li>
              <li><a href="#"><i class="i"></i> Misc</a></li>
            </ul>
          </div> <!-- /well -->
        </div>
    </div>
</div>

CSS

body {
    margin:20px;
}

.icon-car {
    background-image: url("portation/24/Car.png");
    background-position: center center;
    height: 24px;
    line-height: 24px;
    width: 24px;
}