Untitled

<!DOCTYPE html>
<html>
<head>

</head>
<body>
<style>

.divTable{
	display: table;

}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 1px solid #999999;
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}

</style>
<h2>HTML Table</h2>

<div class="divTable">
<div class="divTableBody">
<div class="divTableRow">
<div class="divTableCell"><b>Product</b></div>
<div class="divTableCell"><b>Consumption</b></div>
<div class="divTableCell"><b>Lot</b></div>
</div>
<div class="divTableRow">
<div class="divTableCell" style="max-width:10px;word-wrap: break-word;">adasdasdsdfsdfsdfsdfsdfsd</div>
<div class="divTableCell">10</div>
<div class="divTableCell">1</div>
</div>
</div>
</div>

</body>