How to place images side by side

im trying to place images side by side but instead one image is pushing the other image down and wont allow it to be placed beside each other.

any help will be appreciated.

try:


<img src='SomeImage.jpg' align='left' />

Iv tried that..still doesnt seem to move left...This is my code.

HTML
<div id="Newsbar">
<img src="Homepage/NewsBar.png" width="546" height="50" alt="News Bar"/>

<img class="nani" src="Homepage/Nani.jpg" align="left" width="85" height="54"/>

<img class="bpoints" src="Homepage/News.png" align="center" width="60" height="261"/>

<img class="gossip" src="Homepage/Gossip.png" width="295" height="320"/>
</div>
The two images im trying to position are 'nani' & 'bpoints'

CSS



img.nani{
padding-top: 0px;
padding-left: 200px;
}

img.bpoints{
padding-top: 0px;
padding-right: 0px;
}

that actualy kind of works....my image when i used align left doesnt align fully to the left? why would this be.

ah, try adding css

img{
float: left;
padding: 0;
}

The only reason I can see why this would place them below one another is because there is not enough space to fit them side by side ie. Say you have 100px width of space and you are trying to fit two images that are 60px each wide, it will place them on top of each other because they are too wide.

Simply putting <img src="URL"><img src="URL"> should put them side by side with no space in between if there is enough space horizontally.

Hope this helps.