Как перемещать содержимое внутри столбца начальной загрузки вправо или влево?

Question

Я создал контактную форму где (col-md-6) для имени, электронной почты и (col-md-6) для области текста сообщения. Но я хочу знать, как сделать поля ввода совпадающими справа и ввод сообщения field align left.Example ... Я хочу, чтобы это выглядело так.

     (col-md-6) (col-md-6) 
          Name Message 
       xxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxx 
           xxxxxxxxxxxxxxxxxxxxxxxx 
          Email xxxxxxxxxxxxxxxxxxxxxxxx 
       xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxx 

          <SUBMIT> 

При попытке выровнять текст, только текст получает выровнены right..But не вход fields..Can кто-то помочь мне.

<div class="row"> 
 

 
    <div class="col-md-6"> 
 

 
    <div dir='rtl'> 
 
     <label for="senderName">Name<span> * </span> 
 
     </label> 
 
     <br> 
 
     <input class="form-control" id="senderName" tabindex="1" type="text" name="senderName" required> 
 
    </div> 
 

 

 
    <label for="senderNumber">Phone<span> * </span> 
 
    </label> 
 
    <br> 
 
    <input class="form-control" id="senderNumber" tabindex="2" type="number" name="senderNumber" maxlength="15" minlength="10" required> 
 

 

 

 

 
    <label for="senderEmail">Email<span> * </span> 
 
    </label> 
 
    <br> 
 
    <input class="form-control" id="senderEmail" tabindex="3" type="email" name="senderEmail" required> 
 

 

 
    </div> 
 

 
    <div class="col-md-6"> 
 

 
    <label for="senderComments"><span class="special">Your Message</span> 
 
    </label> 
 
    <br> 
 
    <textarea class="form-control" id="senderComments" tabindex="4" name="senderComments" rows="6"></textarea> 
 

 
    </div> 
 
</div>

Answer 1

Вы можете использовать реж атрибут:

<div dir='rtl'> //rtl = right to left , dir = direction 

<span>name:</span> 
<input type="text"> 
     . 
     . 
     . 
     . 
</div>