Vertical Align 3 or two images

HTML & CSS
1

I want to use CSS, but I think this has to be done with a table.
Can someone give me some help to explain how I can do this?

I have 3 images, 1 on the left is larger and two smaller images on the right. I need to have the image on the right vertically center depending if there are one or two images.

Images are worth are always a better explanation::slight_smile:

2

You could use CSS display: table, something like this:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Experiment</title>
	
<style media="all">
  * {margin: 0; padding: 0;}
  .cont {display: table;width: 220px;}
  .cont div {display: table-cell; vertical-align: middle; width: 104px; }
  img {margin: 2px;}
</style>
	
</head>

<body>
<div class="cont">
<div><img src="100x100.gif"></div>
<div><img src="100x30.gif">
<img src="100x30.gif"></div>
</div>

<div class="cont">
<div><img src="100x100.gif"></div>
<div><img src="100x30.gif"></div>
</div>

</body>

</html>