Je i jiný tag než <hr> pro oddělovací čáru ?

Ano je, např. <img> uděláte si 1px obrázek a pak ho jen nastylujete přes celou stránku

Dalo by se to vyřešit pomocí ohraničení, např. některému elementu, pod kterým chceš čáru, nastav dolní border. Třeba červená nepřerušovaná čára, dva px široká a 20px odsazená pod daným prvkem by se mohla zapsat takhle:

#element {border-bottom: 2px solid #FF0000; padding-bottom: 20px;}