I have a button element:
<div id="body">
<button>Hello</button>
</div>
Here is the CSS styling for the button:
#body{
width:400px;
margin:0 auto;
background:#eee;
border:1px solid #ccc;
}
button {
display: block;
margin: 0 auto;
}
When viewing on an iPad, it seems to shift to the left.
Check out this example to see the issue: http://jsfiddle.net/c2HLe/9/
Note. This question is similar to a previous one, but I've simplified the structure so that people can focus better on the problem.