Image height fiddle CSS only

image height depends on amount of text in the div next to it

by Eugene Manager

HTML

<div id='t'>
		<div class='r '>
			<div class='c'>
				a<br> b<br> c<br> d<br> e<br> f<br> g<br>        
			</div>
			<div class='c'>
				<img id="i" src="https://www.google.com.au/images/branding/googlelogo/2x/googlelogo_color_120x44dp.png">
			</div>
		</div>
	</div>

CSS

#t{
			background: aliceblue;
			display: table;			
		}
		.r{
			display:table-row;
		}
		.c{
			display:table-cell;
			border:solid black 1px;
			background: aqua;
			vertical-align: middle;
			position: relative;			
		}
		#i{
			height: 100%;			
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
		}