<table id= "Three_Line_Display" style="margin-left: 5px auto; margin-right: 5px auto;" border="0" cellspacing="0" cellpadding="0">
<?php
// Create table header
echo "<tr>";
echo '<td width = 20% class="Body_Labels" align="left">Address</td>';
echo '<td width = 25% class="Body_Labels" align="left">Contact</td>';
echo '<td width = 9% class="Body_Labels" align="center">Size</td>';
echo '<td width = 9% class="Body_Labels" align="center">Rental</td>';
echo '<td width = 12% class="Body_Labels" style="padding-left: 10px" align = "left">Possession</td>';
echo '<td width = 13% class="Body_Labels" style="padding-left: 10px" align = "left">Term</td>';
echo '<td width = 8% class="Body_Labels" style="padding-left: 10px" align = "left">List/Update</td>';
echo '<td width = 14% class="Body_Labels" align="center">Image</td>';
echo '</tr>';
// End Table Header
<style>
.table-container {
padding: 0 5px;
box-sizing: border-box;
width: 100%;
}
table {
width: 100%;
}
</style>
HTML<div class="table-container">
<table>
...
</table>
</div>
<style type="text/css">
.table-container {
box-sizing: border-box;
padding: 0 5px;
background: green;
width: 100%;
}
.table {
background: #fff;
}
</style>
HTML <div class="table-container">
<table class="table">
<tr>
<td width = "20%" class="Body_Labels" align="left">Address</td>
<td width = "25%" class="Body_Labels" align="left">Contact</td>
<td width = "9%" class="Body_Labels" align="center">Size</td>
<td width = "9%" class="Body_Labels" align="center">Rental</td>
<td width = "12%" class="Body_Labels" style="padding-left: 10px" align = "left">Possession</td>
<td width = "13%" class="Body_Labels" style="padding-left: 10px" align = "left">Term</td>
<td width = "8%" class="Body_Labels" style="padding-left: 10px" align = "left">List/Update</td>
<td width = "14%" class="Body_Labels" align="center">Image</td>
</tr>
</table>
</div>
.table-container {
padding: 0 5px;
box-sizing: border-box;
width: 100%;
}
table {
width: 100%;
}
<div class="table-container">
<table id= "Three_Line_Display">
<?php
// Create table header
echo "<tr>";
echo '<td width = 20% class="Body_Labels" align="left">Address</td>';
echo '<td width = 25% class="Body_Labels" align="left">Contact</td>';
echo '<td width = 9% class="Body_Labels" align="center">Size</td>';
echo '<td width = 9% class="Body_Labels" align="center">Rental</td>';
echo '<td width = 12% class="Body_Labels" style="padding-left: 10px" align = "left">Possession</td>';
echo '<td width = 13% class="Body_Labels" style="padding-left: 10px" align = "left">Term</td>';
echo '<td width = 8% class="Body_Labels" style="padding-left: 10px" align = "left">List/Update</td>';
echo '<td width = 14% class="Body_Labels" align="center">Image</td>';
echo '</tr>';
echo "</div>";
// End Table Header
Open in new window