Fix spacing between buttons/inputs on HTML

[Car712]

Hi, so I am trying to figure out how to fix the spacing between a few HTML inputs/buttons on my site, to see what im talking about you can visit my site at: https://searchly.xyz Basically, the 'search' button is way too close to the dropdown selector, and im trying to make the spacing seem less weird and more equal between the text input box, the dropdown selector and the 'search' button. If anyone knows how to do this, that would be great! I will attach the HTML code for the page below as well.

Code has been removed as issue is now solved.

 

[mariushm]

add a css rule ... use margin-left or padding-left

or use make the div that has the button a certain width and add text-align right so that the button inside the div is aligned to the right side of the div therefore there's more space between buttons.

 

[Car712]

12 minutes ago, mariushm said:

add a css rule ... use margin-left or padding-left

or use make the div that has the button a certain width and add text-align right so that the button inside the div is aligned to the right side of the div therefore there's more space between buttons.

 

Thanks, I will try some of that. But I actually discovered something pretty odd, when I view the same page on Edge, it looks perfectly fine and the spacing is fixed without any changes to the original code. However on Firefox it has the issues with spacing. I cant really figure out why a page with the exact same code would appear slightly different on different browsers, but oh well..

[mariushm]

Each browser has some pre-defined rules when it comes to margins and paddings.

You can try resetting them to known values by using the * in the css file :

 

* {
  margin: 0px;
  padding: 0px;
}

 

[Car712]

3 minutes ago, mariushm said:

Each browser has some pre-defined rules when it comes to margins and paddings.

You can try resetting them to known values by using the * in the css file :

 

* {
  margin: 0px;
  padding: 0px;
}

 

That fixed it on firefox, thanks so much!