CSS Table Styles

Style 1 )

Username	Country	Age
Filip Melsan – lorem ipsum dolor sit amet	Germany	Age – 36
Ibrahim – lorem ipsum dolor sit amet	Austria	Age – 32
Iliana Ivanova – lorem ipsum dolor sit amet	Bulgaria	Age – 25
Mia – lorem ipsum dolor sit amet	UK	Age – 86
Ken Tailar – lorem ipsum dolor sit amet	Canada	Age – 25
Esen Milar – lorem ipsum dolor sit amet	Canada	Age – 66
Linda Gianse – lorem ipsum dolor sit amet	France	Age – 56
Mal Kint – lorem ipsum dolor sit amet	Italy	Age – 65
Simona Vivian – lorem ipsum dolor sit amet	UK	Age – 18
Igor Ivanovich – lorem ipsum dolor sit amet	France	Age – 45

HTML code below

<table class="askiw-table-1">
	<tr>
		<th>Username</th>
		<th>Country</th>
		<th>Age</th>
	</tr>
	<tr>
		<td>Filip Melsan - lorem ipsum dolor sit amet</td>
		<td>Germany</td>
		<td>Age - 36</td>
	</tr>
	<tr>
		<td>Ibrahim - lorem ipsum dolor sit amet</td>
		<td>Austria</td>
		<td>Age - 32</td>
	</tr>
	<tr>
		<td>Iliana Ivanova - lorem ipsum dolor sit amet</td>
		<td>Bulgaria</td>
		<td>Age - 25</td>
        </tr>
	<tr>
		<td>Mia - lorem ipsum dolor sit amet</td>
		<td>UK</td>
		<td>Age - 86</td>
	</tr>
	<tr>
		<td>Ken Tailar - lorem ipsum dolor sit amet</td>
		<td>Canada</td>
		<td>Age - 25</td>
	</tr>
	<tr>
		<td>Esen Milar - lorem ipsum dolor sit amet</td>
		<td>Canada</td>
		<td>Age - 66</td>
	</tr>
	<tr>
		<td>Linda Gianse - lorem ipsum dolor sit amet</td>
		<td>France</td>
		<td>Age - 56</td>
	</tr>
	<tr>
		<td>Mal Kint - lorem ipsum dolor sit amet</td>
		<td>Italy</td>
		<td>Age - 65</td>
	</tr>
	<tr>
		<td>Simona Vivian - lorem ipsum dolor sit amet</td>
		<td>UK</td>
		<td>Age - 18</td>
	</tr>
	<tr>
		<td>Igor Ivanovich - lorem ipsum dolor sit amet</td>
		<td>France</td>
		<td>Age - 45</td>
	</tr>
</table>

CSS code below

/****************************************
* Tables https://askiw.com/table-styles/
*****************************************/
.askiw-table-1 table {		
	margin: 0 0 1.5em;
	width: 100%;
	border-spacing: 2px;
}

.askiw-table-1 th  {
	background: #333;
	color: #fff;
	padding: 10px;	
	text-align: left;		
}
	
.askiw-table-1 td {
	border: 1px solid #eee;
        padding: 10px;
	text-align: left;		
}