JSFiddle - React, Tailwind, and code Playground

by curtisweeks

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<div class="container">
  <div class="page-header">
    <h3>HEADING</h3>
    <button class="btn btn-danger">Button</button>
  </div>
</div>

CSS

.container {
  white-space: nowrap;
  background: #eee;
}

.contener:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

.page-header {
  display: inline-block;
  vertical-align: middle;
  width: 300px;
}