ausrichten Eingang nach links in div

Question

Ich habe mit 2 divs in ihm div

In einem div ist ein Text, in zweitem Eingang

Hier Code

<div id="main-info" style="margin-top: 30px;"> 
    <div class="row"> 
    <div class="col-xs-6 blue-text"> 
     Diffuculty of investigation 
    </div> 
    <div class="col-xs-6"> 
     <input class="form-control"/> 
    </div> 
    </div> 
</div> 

Und CSS

.form-control { 
    display: block; 
    width: 100%; 
    height: 34px; 
    position: relative; 
    padding: 6px 12px; 
    font-size: 14px; 
    line-height: 1.42857143; 
    color: #555; 
    margin: 0 auto; 
    background-color: #fff; 
    border-color: #1f66b4; 
    border-style: solid; 
    border-width: 3px; 
    background-image: none;  
    border-radius: 4px; 
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); 
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); 
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; 
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 
} 

Ich habe so gesehen

Aber ich muss es machen wie diese

So wird eingegeben werden näher in Text.

Wie muss ich Code umschreiben?

Answer 1

<div class="row"> 
    <div class="xs-hidden col-md-2 "></div> 
    <div class="col-xs-6 col-md-4 blue-text"> 
    Diffuculty of investigation 
    </div> 
    <div class="col-xs-6 col-md-4 "> 
    <input class="form-control"/> 
    </div> 
    <div class="xs-hidden col-md-2 "></div> 
</div>