Would you like to have text inputs placed in a single line inside a div without manually setting their widths?
<div>
<input type="text" />
<input type="text" />
<input type="text" />
</div>
div {
width: 300px;
white-space: nowrap;
}
input {
width: 100%;
display: inline-block;
}
Even with the specified CSS, it may not work as expected if you don't want to set inputs' width manually. Is there another way to achieve this?