Display two images side by side on an HTML Page

Question

I am trying to place two images of the same size side-by-side. If I use a table then I am able to display both images side-by-side. But in my CSS Stylesheet I a

Answer 1

You can use float:left.

html:

<div id="row">
    <img class="left" src="" />
    <img class="left" src="" />
</div>

css:

.left{
    width: 250px;
    height: 250px;
    float: left;
}

//If you don't want margins
body{
    margin:0;
    padding:0;
}

Fiddle