Change Previous/Next order when displayed inline?

I set the css to display inline so the links are all on one line, however, the 'next' link is first and the "previous" link is on the right.

This has the effect of the arrows pointing at each other instead of the correct direction.

I would like "Previous" to the left and "Next" to the right.

Also, is there any way to put a vertical bar (|) between them?

Thanks.