Same css rules, different results in browsers

  • Hello everyone.

    I used a margin-left property in my css file, and everything was fine.

    Let’s say for example

    .searchBar {
margin-left: 8%;
}

    However, I just noticed that despite that this rule appears in all browsers when I inspect the element, the output is not the desirable in all of them. In other words, everything is fine in Firefox, but in Chrome & Safari I have to change the 8% to something else (i.e. 80%) if I want to get the same result I get in Firefox.
    Isn’t any other way than to apply the rule separately for every browser?

    Thanks in advance

    https://www.ads-software.com/plugins/css/

  • The topic ‘Same css rules, different results in browsers’ is closed to new replies.