Question

I am attempting to get two images to touch with CSS.

<div>
 <image src="scroll><br>
 <image src="scroll>
</div>


* {
  margin: 0px;
  padding: 0px;
}

body {font-family:Courier New, Courier New, Courier New;
  background-image: url(background.jpg);
  background-repeat: repeat; 
  width:100%;
  height:100%;
}

When using this code I get

Answer 1

The reason they don’t touch is because of line height. Images are inline by default, meaning the gap between text lines is still there. You have to turn this off. The better way is to make the images block, rather than inline:

img { display: block }

Or inline-block.

The other way is to set line-height: 0 on the containing div

Be sure that you are also using the correct tag. Images use <img> not <image>