How to Line Navigations

That is my code for the Previous Links and Next Links, I also added the WP-Email Wp-Ratings.My question is how come it doesn’t line up to a single line?

<?php previous_post(‘« « %’, ‘Previous Entry: ‘, ‘yes’); ?>|<?php if(function_exists(‘the_ratings’)) { the_ratings(); } ?> |<?php if(function_exists(‘wp_email’)) { email_link(); } ?> |<?php next_post(‘% » » ‘, ‘Next Entry: ‘, ‘yes’); ?>

That is my code for the Previous Links and Next Links, I also added the WP-Email Wp-Ratings.My question is how come it doesn’t line up to a single line?

Here’s how it looks like:
<<Previous Entry: WordPress Entry
|Email
|Rating
|Next Entry:Title >>

see it yourself: https://1000reasons.site90.com/blog/?p=29
I wanna see it like
<< Previous Entry: Title | Email This Post | Rating | NextEntry: >>
(as a single line only)

and how to put a horizontal bar below it?
and is there like a paragraph break since it’s jamming up my theme. I wanna put the paragraph break below the navigation (previous links and next) so that it will not displace my pictures below.

Thanks in advance!