2つのテキストボックスを接続する方法

Question

<div class="form-group"> 
    <input type="text" placeholder="Example. 12 November 2016" /> 
    <input type="text" placeholder="10:00 AM" /> 
</div> 

この2つのテキストボックスを境界線なしで中央に接続する方法を知りたいと思います。

Answer 1

は、このトリックを試してみてください：

.first { 
 
    border : none; 
 
    width : 30%; 
 
} 
 
.second { 
 
    margin-left:-10px; 
 
    border : none; 
 
}

<div class="form-group"> 
 
    <input type="text" placeholder="Example. 12 November 2016" class="first"/> 
 
    <input type="text" placeholder="10:00 AM" class="second"/> 
 
</div>