title: align items in a form at center
body: <p>I am new to the front end . I actually want to make a markup which looks like ,</p>
  
  <p><a href="https://i.stack.imgur.com/gQuNl.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gQuNl.png" alt="enter image description here"></a></p>
  
  <p>so, I tried in the following way,</p>
  
  <pre><code> &lt;div className="row"&gt;
      &lt;div className="col-xs-4"&gt;
        &lt;div className="has-feedback"&gt;
          &lt;label className="control-label"&gt;Search Job&lt;/label&gt;
            &lt;input type="text" className="form-control" id="inputValidation" placeholder="Search"/&gt;
                 &lt;span className="glyphicon glyphicon-search form-control-feedback"&gt;&lt;/span&gt;
           &lt;/div&gt;
        &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Now, Here, 
    What I am getting is</p>
  
  <p><a href="https://i.stack.imgur.com/Jglp4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Jglp4.png" alt="enter image description here"></a></p>
  
  <p>Can anyone help me with this?</p>