Is there a way to have both a checkbox and text input in one line, with the text input being responsive? I attempted to use display: inline-block, which worked for keeping them in the same line, but I'm having trouble making the text input fill the remaining space with width 100%. How can this be achieved?
<div>
<div class="left-wrap">
<input type="checkbox" value="others" />
<label>Others</label>
</div>
<input type="text" value="" />
</div>
.left-wrap {
display: inline-block;
}
input[type="text"] {
display: inline-block;
//width:100%; how to make the input to fill till the rest of the screen
}