table { border-collapse: collapse; border-spacing: 0; max-width: 100%; height: auto; } table tr{ width: 100%; } table td { width: 3em; height: 3em; border: 1px solid #cdcdcd; padding: 0; margin: 0; background-color: #333; position: relative; } td input { width: 100%; height: 100%; padding: 0em; border: none; text-align: center; font-size: 1.75em; color: #464637; background-color: #f4f4f4; } td input:focus { background-color: #fff; } td span { color: #444; font-size: 0em; position: absolute; top: -1px; left: 1px; } input.done { font-weight: bold; text-transform: uppercase; color: green; } #puzzle-wrapper { width: 15em; margin: 2% auto; } h3 { text-align: center; font-size: 1.125em; margin: -5px 0 0; }