• HTML
• CSS

HTML

<div class="table">
	<div class="tr header">
		<div class="td">#</div>
		<div class="td">Nombre</div>
		<div class="td">Dirección</div>
		<div class="td">Num Contactos</div>
	</div>
	<div class="tr">
		<div class="td">1</div>
		<div class="td">William Wallace</div>
		<div class="td">Jr. Grau</div>
		<div class="td">00000000</div>
	</div>
	<div class="tr">
		<div class="td">2</div>
		<div class="td">William Wallace</div>
		<div class="td">Jr. Grau</div>
		<div class="td">00000000</div>
	</div>
</div>

CSS

body{
    font-family:arial;
}
.table{
    display:table;
    background:#fcf3cf;
}
.tr{
    display:table-row;
}
.td{
	display:table-cell;
	padding:0.5rem;
	text-align:center;
	vertical-align:middle;
	border:1px solid #f9e79f;
}
.tr.header{
    background:#f9e79f;
    font-weight:600;
}