how to create a crossword style grid / large number of divs or other?

Question

so I need to have a grid on screen in a web browser / mobile devices that each grid item holds 1 letter.

A bit like a crossword puzzle, but using most of the screen Doing it using div's seems to be to hard as the performance isn't great to support creating a screen full of 1000's of divs as you can fit a lot of text on screen so a lot of divs.

Any suggestions as a way to achieve this text / grid layout?

Answer 1

I like this as a grid creator. You would still have to create the vertical height. Probably with some class.

Answer 2

If you can use HTML 5 Canvas this will maybe help you:

http://www.html5rocks.com/en/tutorials/casestudies/wordico/

Answer 3

<table>

Seems obvious but yeah.