Jestem w trakcie pisania prostego generatora "diagramów"(?) jakby tego nie nazywać tworzę div'y, dodaję tekst, rozmieszczam je

Przykładowo wygląda to tak:


Uploaded with ImageShack.us

Chciałbym uzyskać efekt mniej więcej taki:


Uploaded with ImageShack.us

Czyli dać możliwość połączenia liniami, jak to najprościej uzyskać z pomocą html i javascript?

narysować to w canvas?

Te linie łączące (poziome i pionowe) też mogą być divami. Poziome o wysokości 1px, pionowe o szerokości 1px ... Z tego, co pamiętam, to w IE są z tym problemy (może border-top:1px je rozwiąże, nie pamiętam - sprawdź ...).

Problem mniejszy niż z canvas, bo ustawi się odpowiedni z-index, pozycję jako absolute, tylko jest inny problem z obydwoma rozwiązaniami. Nie będę mógł tworzyć bardziej wyrafinowanych linni, np. z dwoma zagięciami (kąty proste oczywiście)

Czemu nie. Trzeba się w JS pomęczyć z algorytmem ...