JSFiddle - React, Tailwind, and code Playground

by 100thGear

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<div class='container'>
    <div class='row'>
        <div class='span12'>
            Row 1
        </div>
    </div>
    <div class='row'>
        <div class='well span3'>
            <h1>Header</h1>
            <p>Content</p>
        </div>
        <div class='titled-well span3'>
            <h1 class='title'>Header</h1>
            <p class='content'>Content</p>
        </div>
    </div>
        <div class='row'>
            <div class='span12'>
                Row 3
            </div>
        </div>
</div>

CSS

.titled-well {
  min-height: 20px;
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #eee;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.titled-well .title {
    padding:3px;
    background-color:#f5f5f5;
    color:#000;
}
.titled-well .content {
    padding: 19px;
}