lambolight — 2014-02-16T12:18:27-05:00 — #1
although I recently built some unordered list grid table stuff, I don't understand why this one isn't aligning. You can find the website right here : http://www.phermann.tk/gera . You can find the problem under the slider, there are 4 pictures. This has to be aligned, but margin: 0 auto; isn't working for the ul though I fixed the width and set display: inline; .Please ignore the enormous loading times, I didn't resized the native image resolutions yet. If it is possible, I would like to have a solution without the fixed width, so that some responsiveness is possible.
Thank you for your support.
kohoutek — 2014-02-16T12:33:56-05:00 — #2
A simple way would be to add text-align: center to the UL and display:inline-block to the LI and remove the float from that LI.
By the way, the images reminded me of Minecraft.
lambolight — 2014-02-16T12:38:31-05:00 — #3
thank you for your ultra fast response, your solution worked for me. I wonder that the text-align is working with the lis. Actually thought that they would work for text only, but good to know.
And the pictures are taken in minecraft, you are totally right ;D.
Thank you again.
kohoutek — 2014-02-16T13:58:02-05:00 — #4
The text-align property allows you to position the inner content of any block element.