Centrera omsatt text i td

Jag har en td som skapas med koden:

<td id="wordBoxHeader" colspan="3"><center>You clicked on:</center></td>

Sedan sätts den om av en JS-funktion med:

function markWord(row, col) {
//....
  var ruta = document.getElementById("wordBoxHeader");
  ruta.innerText = row + " " + col;
//...
}

Då hamnar texten till vänster i rutan. Jag försökte skriva:

function markWord(row, col) {
//....
  var ruta = document.getElementById("wordBoxHeader");
  ruta.innerText = "<center>" + row + " " + col + "</center>";
//...
}

Men då skriver den ut koden, den evalueras inte. Så hur ser jag till att texten är centrerad även efter omsättningen?