适用于不同浏览器Chrome和Firefox的条件内联CSS

Question

I have written a css for div positioning. here is the css

background-color: white; 
border-style: outset; 
margin: 115px 0px 0px -40px;

When I see the output in firefox then div position is ok but when I see this in chrome then output gets distorted due to margin: 145px 0px 0px -40px;

for chrome margin should be margin: 115px 0px 0px -40px;

So I search google and found a snippet and I applied but did not work. which was

style="width:310;height:402;background-color:white;border-style:outset; if webkit (margin:115px 0 0 -40px) else  (margin:146px 0 0 -40px);"

So guide me how could I write conditional inline css for chrome...any idea. Thanks

Answer 1

I wrote a test page, did not find what you said this situation. maybe you write a test page. Strictly speaking, firefox chrome is the standard of modern browers, should not have this kind of situation has.

*{ margin:0; padding:0;}
body{font:12px/1.5 arial;background:#fff;}
.test{background-color: white; border-style: outset; margin: 115px 0px 0px -40px;}

<div class="test"></div>

demo here