HTML element display in horizontal line

Question

I have two HTML elements inside a div. I want to display them in a row or a horizontal line. Let\'s say I have two images with the code shown below. How would I make it so there

Answer 1

Option 1

img {
 display:inline;
}

Option 2

img {
 display:block;
 float:left;
}

Updated to reflect current browser capabilities

Option 3

img {
 display:inline-block;
}

However, this will only work if there is enough horizontal space for the images in question.