table margin: 0 0 16px; : table margin « Tags « HTML / CSS






  1. HTML / CSS
  2. Tags
  3. table margin

table margin: 0 0 16px;

     
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style rel="stylesheet" type="text/css">

table {
  border: 1px solid #d8d8d8;
  border-collapse: collapse;
  line-height: 1.3em;
  width: 95%;
  margin: 0 0 16px;
  padding: 0;
}

caption {
  font-size: 1.5em;
  font-weight: 400;
  margin: 0;
  padding: 6px 0 8px;
  text-align: left;
}

th {
  background: url(img/menubg2.gif) repeat-x bottom left #eaeaea;
  color: #505050;
  padding: 7px;
  text-align: left;
}

td {
  background: url(img/menubg.gif) repeat-x bottom left #f4f4f4;
  color: #303030;
  font-size: 0.9em;
  padding: 7px;
  text-align: left;
}


</style>

</head>
<body>
  <div id="footer">
    <table><caption>caption</caption><tr><td>this is a test</td></tr></table>
    
  </div>

</body>
</html>








Related examples in the same category

1.table margin-top: 15px;
2.table margin-bottom: 25px;
3.table with margins
4.table margin-bottom: 5px;
5.table margin:15px;
6.Set margin for select inside a table