Center two images in css side by side

HTML & CSS
1

center two images in css side by side ?

<!DOCTYPE html>
<html>
<head>
<title></title>
<style>

?

</style>
</head>
<body>

?

</body>
</html>

2

simply create a wrapper for both elements ( in this case the images, and give them display:inline-block; and vertical-align:middle; )

for example:


<html>
	<head>
		<title></title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="viewport" content="width=device-width">
		<style type="text/css">
			.img-wrap, h1{
				text-align: center;
			
			}
			.img-wrap a img{
 					display:block;
			}
			.img-wrap > a{
 					display:inline-block;
 					vertical-align: middle;
 					border: 1px solid #555
			}
		</style>
	</head>
	<body>
<h1>The Headline!</h1>
<div class="img-wrap">
		<a href="#"><img src="#" height="150" width="150">Wedddings</a>
		<a href="#"><img src="#" height="150" width="150">Website</a>
 </div>
	</body>
</html>

hope that helps

3

easier

CSS

img.logo
{
display:inline-block;
margin-left:auto;
margin-right:auto;
width:400px;
height:312px;
}
#twoimages{text-align:center;}

HTML

<div id=“twoimages”>

<img class=“logo” src=“images/old.jpg” alt=“”>
<img class=“logo” src=“images/old.jpg” alt=“”>

</div>