Coding A Flexible Html Sports Bracket

I am trying to create a bracket system using HTML. I've found other solutions, however, most require lots of absolute/relative positioning or tables. I'm looking for a way to make

Solution 1:

That actually looks fairly good. What I would do to improve it is encapsulate the logic in a bit of Javascript, supply the bracket information in some sort of text format, and have the Javascript parse the text format to generate the bracket as deeply as you need it.