jak masz h1 powiedzmy, ustawiasz border-bottom i ustawiasz width dla elementu (Trochę tym zabawy, ale mam nadzieję że umiesz używać sprawdż element i w czasie rzeczywistym redagować :))
Powinno to działać, zrobiłem tak w jednym z projektów.
Co do kresek, pokombinowałbym bym w canvasie, wszystkie elementy display-inline-block i najwyżej dodać konkrętną specyfikacje margin dla konkretnych elementów. Oczywiście wpakować to do jakieś wrapera by dało łatwo się skalować.
Powodzenia :)