how to make the margin constant on both side of a div

Question

I was trying to make a browser independent code with a search bar in it ( this search bar i took from demos.jQuery.com) but now when I am trying to fix the margin percent in the left and right side ( i want it center aligned even when browser width is changed ) I am unable to do that , I am new to CSS can someone help ? the code that i made till now is : HTML : ``` Screen1

Accepted Answer

The main problem is that you have defined `98%` width without `box-sizing: border-box;` so padding was pushing content outside of visible area. You have to adjust `#main` div to:

```
#main
{   
    /* left:-.3%;
    margin-right:2%; */
    width:100%;
    box-sizing: border-box;
}
```

Fiddle: http://jsfiddle.net/3je1bk67/3/

how to make the margin constant on both side of a div

Solution

Problem

Related problems