html

<img class=”logo” src=”img/logo.png” alt=”logo” />

css

.logo{
	display: block; /*by default the image is an inline type. Changing it to block type and setting margins both left and right equal will center the image */
	margin: auto;
	width : 80%; /*
height: auto;
}