user6770882 user6770882 - 5 days ago 5
CSS Question

How to connect two text box with no border in middle

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


I want to know how to connect these two text boxes with no border line in middle.

Answer

Try this trick :

.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>

Comments