JSFiddle - React, Tailwind, and code Playground

by Rijo R

HTML

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css">

<div class="container">
	<p class="text">Name:</p>
  <form class="form">
    <div class="input-group">
  <div> Some text</div>   <div><input type="text" class="form-control"></div>
  
  <div>
      <span class="input-group-btn">
        <button class="btn btn-primary" type="button">Go!</button>
      </span>
      </div>
      </div>
    </div> <!-- .input-group -->
    <p>Some Text</p>
  <form> <!-- .wrapper -->
</div> <!-- .container -->

CSS

.text, .form{
  display: inline-block;
}
.input-group {
  display:flex;
  flex-direction:row;
}