Is there a way to remove the padding completely?
Take a look at the jsfiddle version:
CSS:
.table
{
display: table;
height: 250px;
border-color: black;
width: 500px;
padding: 0px;
}
.cell
{
display: table-cell;
height: 250px;
width: 50%;
padding 0px;
border-color: blue;
border-style: solid;
}
.cell img
{
width: 250px;
height: 250px;
border-color: red;
border-style: solid;
}
HTML:
<div class="table">
<div class="cell">
<img src="">
</div>
<div class="cell">
Caption
</div>
</div>
Even though I have specified padding: 0 for all elements, the left cell still has padding if the img element is present. How can I resolve this issue?