[CSS] Space under <img> tag

Space under <img> tag

<style>
	div, img {
		border: 1px solid red;
	}

	div {
		/*method 1*/
		font-size: 0;
	}

	img {
		width: 100%;
		/*method 2*/
		/* vertical-align: middle; */

		/*method 3*/
		/* display: block; */
	}
</style>
<div>
	<img src="image.png">
</div>