Despite finding a solution to a previous issue on Stack Overflow, I am now facing a new challenge. Adding margin:0em auto; to my page is causing it to have a 'jumpy' effect.
.align-center-public {
width:1000px;
margin:0em auto;
overflow:hidden;
}
<div id="container">
<div class="align-center-public">
<p style="width:800px; text-align:center; border:1px solid #000;"><a href="#">Please scroll down until you see the click button</a></p>
<p><img src="winnie-the-pooh-2011-9.jpg" alt="test"/></p>
<p><img src="winnie-the-pooh-2011-9.jpg" alt="test"/></p>
<p><img src="winnie-the-pooh-2011-9.jpg" alt="test"/></p>
<div><a href="#" class="get-photo">click here</a></div>
<p><img src="winnie-the-pooh-2011-9.jpg" alt="test"/></p>
</div>
</div>
Any suggestions on how to resolve this issue would be greatly appreciated.
For reference, you can view the link again.