CSS, centering links inside div

Question

how can I center my links like this? They all are centered inside a div, but they begin from the same distance.

i am link 1
i am a longer link than          


        

Answer 1

If you need shrinkwrapped centering, apply inline-block on the things you want centered. Then text-align:center; on the parent.

You'll need to probably have a workaround for IE, but as you haven't posted code I won't go into that.