Set 2 images on the same line

[Halina]

I would like to know how to position 2 images that are side by side, and put one in left and the other right. I first tried to do one class per image, but it does not. I also tried making two div, one for each image, but that has not worked. How does it works, and so clean? How can I make 2 div side by side as with my pictures?

[Ashok.M]

Did you tried with the span tag, which is used online as compared to div (but I'm not sure that it work in your case, to be confirmed). Otherwise you can still use the div by adding the attribute float: left (or right).

[Lemog]

By default, two images are put side by side

Unless you meant "to put an image on the left and one right of the screen." In this case it must use floating:

<div> 
<img id = "left" ... /> 
<img id = "right" ... /> 
</ div> 

# left img {
float: left; 
}

# right img {
float: right; 
}

[Halina]

Ok thank you, it works much good with the float.