How do I dynamically center images?
css, dynamic, html, javascript, jquery
Solution
Set the following CSS on your centered image class:
display: block;
margin: 1em auto; /* the key here is auto on the left and right */
Problem
With css and javascript/jquery, how do I center the images I have displayed vertically down a page? Let me draw a diagram. This is what I have... ``` ------- | | | | ------- ---------- | | | | ---------- ------ | | | | ------ ``` This is what I want ``` ------- | | | | ------- ----------- | | | | ----------- ----- | | | | ----- ```