JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
    <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap.min.css" rel="stylesheet">
    <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap-responsive.min.css" rel="stylesheet">
    <script src="http:/code.jquery.com/jquery-latest.js"></script>
    <style type="text/css">
        .calign{
          text-align: center;
        }
        .ralign{
          text-align: right;
        }
        .lalign{
          text-align: left;
        }
        .container iframe{
          padding-top: 40px;
          height: 300px;
          width: 500px;
        }
    </style>
</head>
    
<body>
    <div class="navbar">
      <div class="navbar-inner">
          <div class="container calign">Please Login:<br/>
           <iframe src="/user/login/"></iframe>
       </div>
      </div>
 </div>  
    
  <div class="containter">
      <span class="row">
          <span class="span5 ralign"><img src="http://www.beboyshop.com/attachments/product/Thumbnails_150x196_images_1-978122.jpg"><br/>- I'm?</span>
          <span class="span2"></span>
          <span class="span5 lalign"><br/><br/><br/><h2>Yes, You!</h2></span>
      </span>
  </div>
</body>

</html>