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