Border in CSS display-table

Question

I want to add a border before my last row and can't find a way without breaking my design. Every input or suggestions are appreciated.

Fiddle

see jsfiddle

Answer 1

Move the <div class="tt-entry-hr"></div> outside of the span.

Updated Fiddle

Answer 2

Add this to your CSS: And delete that -hr div.

.tt-container > .tt-entry-row:last-child > .tt-entry {
  border-top:thin solid white;
}

Adjust to suit.

Updated fiddle