How do we line up SPANs on various lines right under each other?

Using display: table/table-row/table-cell on various elements.
A container for the divs as table, the divs as table-row then spans for the line of text and ‘Details’ buttons as table-cell.
That should keep it all in a table like grid formation without having to use actual tables.
It could also be done by floating the buttons to the right. Or for a more modern solution, it could be done with flex-box.

Edit:-
Did you see this?

1 Like