Question

I have an html table of width 222px

Inside in I have a single row with width defined as 160px.

Inside this row, there is a single column having same width as that
of the row.

My question is, how to align this row to the center of the table.

I have tried align=”center”and style=”float:center;” but these work only
on the contained text.

Answer 1

But if you really, really must use a table, here’s how to style it:

.resultset {
  width:222px; border:1px solid;
  border-collapse:separate; border-spacing:30px 2px;
}
.resultset td {
  border:1px solid;
}

Where the 30px in the border-spacing is half the horizontal difference between the table width and the cell width.

See jsFiddle.