Add spacing between adjacent input text fields: a step-by-step guide
P粉759457420
P粉759457420 2024-03-28 13:43:01
0
1
351

How to add spacing between side-by-side input text fields?

Required spaces in marked area:

<label for="Std">Start Trade Date</label>
<input type="text" id="Std" name="Std" placeholder="Enter start date">


<label for="End">End trade Date</label>
<input type="text" id="End" name="End" placeholder="Enter end date">

<label for="Fqy">Frequency</label>
<input type="text" id="Fqy" name="Fqy" placeholder="Frequency">

P粉759457420
P粉759457420

reply all(1)
P粉511896716

You can use a gap value like display: flex a>.

I added wrap because it helps when the screen size/parent element is too small. You can also see how to maintain gaps between rows and columns...

.dispalyFlex {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template