html css tabela

Question

Mam taki problem, otóż chciałbym stworzyć na stronie tabelę 4 kolumny i 20 wierszy. I moje pytanie brzmi czy lepiej zrobić to divami czy zastosować tabelę ?

A to kod w css z z divów 

GP{
	background-color:gold;
	width:500px;
	margin-left:100px;
	margin-top:40px;
	float:left;
}
.HAM{
	background-color:orange;
	
}
.HAM p{
	float:left;
	margin-top:40px;
	margin-bottom:10px;
	padding:0 10px 0 40px;
	border-right:4px solid #1EF2F2;
	font-size:20px;
	
}
.HAM h4{
	float:left;
	margin-top:40px;
	margin-bottom:10px;
	padding:0 10px 0 10px;
	font-size:20px;
}
.HAM button{
	margin-top:40px;
	margin-bottom:10px;
	font-size:20px;
	
	
}
.BOT{
	background-color:blue;
}
.BOT p{
	float:left;
    margin-top:10px;
	padding:0 10px 0 40px;
	border-right:4px solid #F21E41;
	font-size:20px;
}
.BOT h4{
	float:left;
	padding:10px;
	font-size:20px;
}
.BOT button{
	margin:10px;
	font-size:20px;
}

 

Answer 1

Jak chcesz stworzyć tabelę to użyj tabeli. Będzie lepiej semantycznie.

Answer 2

Aby strona byla responsywna uzyj <div>  Tabele mozna stosowac w email templates.

Sprobuj takze pobawic sie fleboxem http://flexboxfroggy.com/

Answer 3

Jeżeli chcesz stworzyć tabele (mówimy o takiej 'exelowej' tabeli) to użyj znacznika table, nie warto komplikować sobie sprawy, pond to tabela na divach będzie nierozpoznawalna dla czytników, co może wprowadzić użytkownika korzystającego z owego czytnika ekranowego w spory błąd