Aligning two objects on left one right, on the same level

Question

How do I Align two images so they are equal, but on different sides of the page?

Any Help?

Answer 1

<img src="image1.png" style="float:left">
<img src="image2.png" style="float:right">

Answer 2

you can use like this as well,

img{float:left;}
img+img{float:right;}

Here is the Demo.

Answer 3

example of your code

<div class="mainwrap">
<a id="left_img"><img src="1.jpg"></a>
<a id="right_img"><img src="2.jpg"></a>
</div>

ur css

.mainwrap
{
width:500px;
height:500px;
margin:auto;
}
#left_img
{
float:left;
}
#right_img
{
float:left;
}

Answer 4

try this

<div>
<a id="leftImg" style="float:left;"><img src="1.jpg"></a>
<a id="rightImg" style="float:right;"><img src="2.jpg"></a>
</div>