title: centering CSS: margin-left and -right auto, but funny results
body: <p><strike>You can view the page at <a href="http://led.dlugosz.com/" rel="nofollow noreferrer">http://led.dlugosz.com/</a>.</strike><sup>※</sup>  I want to make the "Gallery" section centered in the available space, not flush left.</p>
  
  <p>So, I added rules </p>
  
  <pre><code>margin-left: auto;
  margin-right: auto;
  </code></pre>
  
  <p>and it <em>seemed</em> to work just right.  But, when I did the same thing on another page, it didn't work at all, and I can't find any difference.  Then, playing around with this page some more, I find that at different window widths it works, doesn't work, or does something very odd.  What's going on here?  More to the point, how can I accomplish this effect?</p>
  
  <hr>
  
  <p>※ I updated the page and eventually removed it.</p>