Table Box : Box model Basics : Box Model HTML CSS TUTORIALS

HTML CSS TUTORIALS » Box Model » Box model Basics »

Table Box


 



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
* .table {
  border-collapse: separate;
  table-layout: auto;
  visibility: visible;
  width: auto;
  height: auto;
  margin: 30px 50px;
}
* .cell {
  width: auto;
  height: auto;
  padding: 20px 50px;
  overflow: hidden;
}

</style>
</head>
<body>
<div> 
<table><tr><td>BEFORE</td></tr></table> 
<table class="table"> 
<tr><td class="cell">Table Cell </td><td class="cell">Table Cell </td></tr> 
</table> 
<table><tr><td>AFTER</td></tr></table> 
</div> 
</div> 
</body> 
</html>