Tekst obok tabelki

Question

CSS
table
{
	width: 100px;
	margin: 0;
	text-align: center;
	color: red;
	border-color: red;
}
.umiejetnosc
{
	background-color: #303030;
	height: 400px;
	text-align: center;
	width: 1000px;
	color: red;
	margin-left: auto;
	margin-right: auto;
}
body
{
	margin: 0px;
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	margin: 0 !important;
}

HTML

 

<div class="umiejetnosc">
		<br><br>
		<p><font size="25px"><u><font color="red">Umiejętności</font></u></font></p><br>
		<table border="1" cellpadding="5">
		<tr>
		<td>HTML</td>
		<td>CSS</td>
		</tr>
		</table><br>
		<table border="1" cellpadding="1">
		<tr>
		<td>JavaScript</td>
		<td>PHP</td>
		<td>MySQL</td>
		<td>C++</td>
		</tr>
		</table>
		<p>Mam zamiar się nauczyć!</p>
</div>

Mam problem, chcę aby tekst był koło siebie tabelki. Szukałem, próbowałem przy float: left; i nie wyszło, i nadal szukałem po internecie, aby rozwiązać problem i nie wyszło. Mam nadzieję, że wiecie jak to zrobić C:

https://zapodaj.net/083e783b0f3a0.png.html <-- Ramka na czarno ma właśnie stać koło tabelki, a nie spod.

Answer 1

Podaj to co już masz.