JSFiddle - React, Tailwind, and code Playground

by Jakub Lemiszewski

HTML

<div id="main-container">
		<div class="allign">
		<a href=""><img src="http://tellmewhy84.files.wordpress.com/2010/10/prova.jpg" alt="child"></a> 
		</div>
		<div class="allign">
		<a href="experimentarium.html"><img src="http://tellmewhy84.files.wordpress.com/2010/10/prova.jpg" alt="parent"></a> 
		</div>
	</div>

CSS

#main-container {
  position: absolute;
  width: 800px !important;
  height: 600px !important;
  top: 50%;
  margin-top: -50px; /* la metà dell' altezza */
  left: 50%;
  margin-left: -100px; /*la metà della larghezza */
}

.allign {
  float:left;
}
.allign a img {
	max-width: 100%;
	height: auto;
}