I have this code
<?php
echo '<p style="text-align: center;"><a href="tran.php?page=A"><img src="tran.png"/></a></p>';
echo '<p style="text-align: center;"><a href="course_list.php?page=A"><img src="courselist.png"/></a></p>';
?>
but when I run it show me this icons(pictures) under each other like this
ICON1
ICON2
How I can make it next each other like this and I want the icons still in the middle of the page.
ICON1 ICON2