JSFiddle - React, Tailwind, and code Playground

by Qwerty_Wasd

HTML

<div class="main">
<div class="img_inner"></div>
<table class="table_inner">
	<tr>
		<td>bla-bla</td>
		<td>bla-bla</td>
		<td>bla-bla</td>
	</tr>
	<tr>
		<td>bla-bla</td>
		<td>bla-bla</td>
		<td>bla-bla</td>
	</tr>
	<tr>
		<td>bla-bla</td>
		<td>bla-bla</td>
		<td>bla-bla</td>
	</tr>
</table>
</div>

CSS

.main{
	position:relative;
	height:600px;
	width:400px;
	border:1px solid red;
	background:url('http://kinogo.club/uploads/posts/2013-06/1371441588_matrix2.jpg') no-repeat;
	background-size: cover;
}
.img_inner{
	position:absolute;
	left:40%;
	top:170px;
	height:100px;
	width:100px;
	border:1px solid red;
	background:url('http://s019.radikal.ru/i609/1204/cd/a71cc44ade18.gif') no-repeat;
	background-size: cover;	
}
.table_inner, tr, td{
	border:1px solid red;
	border-collapse: collapse;
	background-color: white;
}
.table_inner{
	position:absolute;
	bottom:10px;
	right:10%;
}