Zarovnání textu pod pravý okraj tabulky

Potřeboval bych poradit se zarovnáním textu pod pravý okraj tabulky.

Na stránce bych chtěl dosáhnout vzhledu jako na tomto příkladu.
Text "Záznamy 1 až 3 z 5" je zde zarovnán pod pravým okrajem tabulky. Je toho ovšem dosaženo za použití "tabulkového layoutu".

Když odstraním tabulku s id "TODO-delete", je text "Záznamy 1 až 3 z 5" zobrazen až u pravého okraje stránky, viz tento příklad.

Existuje způsob, jak dosáhnout stejného vzhledu jako na prvním příkladu, bez použití omezující tabulky, jen s css?

Díky, za rady,
CCCman

Díky za radu, mohl by jsi mi k tomu napsat trochu víc?
Bohužel netuším, ke kterému elementu styl "text-align: right;" přidat, aby to fungovalo, tak jak chci.