I think you should reduce some more margin b/w them to remove the other spacesgaps.
Solution 2 :
You should use position: absolute along with top and left this helps you to reposition your labels however you want without making a gap.
Try this code
* {
margin: 0;
padding: 0;
}
form {
background-color: black;
color: white;
position: relative;
top: {adjust as per need};
left: {adjust as per need};
}
fieldset {
border: 0;
}
form label {
top: {adjust as per need};
left: {adjust as per need};
display: inline-block;
}
Also as per @Sfili_81 said you can also simply remove/or adjust the margin and you wont have gaps
Solution 3 :
I found the solution! It was stupidly simple:
br{
user-select: none;
}
Problem :
I’m creating a form and in that form I have multiple <select> tags but
when I press Ctr + A
I get gaps and whitespaces in the selection like this:
This happens in every browser except Firefox
I tried completely removing the whitespace and newlines from the code but it still didn’t work
any idea how to fix this?
What is the use case? Browsers handle selections differently. There is not an inherent ERROR in Chrome, just a different way of handling newlines and whitespace. So what is the end result here?
Comment posted by Techy Shadow
@cakelover I agree with @Sfili_81, you can reposition them, using
Comment posted by Sfili_81
why you use position:absolute? it’s not a good solution for this case
Comment posted by Techy Shadow
Hmm, then what position would you suggest
Comment posted by Sfili_81
position:absolute remove’s element from normal flow. if you simply remove/or adjust the margin you don’t have the gaps.
