Centering one image under another vertically and horizontally CSS

[WalkingUp]

using the following css/html I have displayed my logo dead centre on screen.\[code\]img.alignmiddle { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}\[/code\]HTML:\[code\]<a href="http://www.abc.com/home"><img class="alignmiddle" src="http://stackoverflow.com/questions/15734325/abc.png"></a>\[/code\]I now want to add two img buttons( login and register ) underneath the main image. I would like these two images to appear side by side, centred below the main image. Can someone help me with the code please?For example\[code\] M A I N I M A G E Login Register\[/code\]Hope that makes sense, appreciate you're all busy people, any help v. much appreciated !Iggy