Zentrieren einer Tabelle mit Überschrift

[beatovich]

hallo

div kann entfernt werden.

html, body {height:100%; padding:0; margin:0;}
#foo {
  display:flex; flex-direction:column;
  align-items: center;
  border: 1px solid red;
  height:100%;
  justify-content:center;
}
#foo > * {flex:0 1 auto;}
h2 { background-color: #fcc; margin:0;}
table {
  border: 2px solid blue; margin:0;
}
table td { width: 4em;}
table td:nth-of-type(3) { min-width: 8em;}