JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<div class="slide">
  <p>My first slide.</p>
</div>
<div class="slide">
  <p>A Second slide.</p>
</div>
<div class="slide">
  <p>Another slide.</p>
</div>
<div class="slide">
  <p>Final slide.</p>
</div>

CSS

html {
  height: 100%;
  width: 400%
}

body {
  height: 100%;
  width: 100%;
}

div.slide {
  width: 25%;
  height: 100%;
  float: left;
  
  /** Everything before this point
    * is the important structural
    * CSS.
    *
    * Everything after this is
    * just styling.
    */
  
  background: rgb(245,245,245);
  color: rgb(20,20,20);
}

div.slide:nth-child(2n) {
  background: rgb(245,245,10);
}

div.slide p {
  margin: 30px;
  font-size: 300%;
  font-weight: bold;
}