set top margin in a display:table structure

I have these rules:

.tbl {
	display: table;
}
.row {
	display: table-row;
}
.th, .td {
	display: table-cell;
}
.th {
	padding-top: 0;
}
.td {
	padding-top: 42px;
}

for the following html:

<div class="tbl">
  <div class="row">
    <div class="th">sample text</div>
    <div class="td">Header</div>
  </div>
</div>

Well, despite "padding-top:0" both divs get the maximum value of each other (42px in this case).

How can I set a different distance from the top for any of them?

Thanks