Navigation

//the_post_navigation

<?php
the_post_navigation(array(
'prev_text' => '<i class="fa fa-chevron-circle-left"></i> %title',
'next_text' => '%title <i class="fa fa-chevron-circle-right"></i>' ,
'screen_reader_text'=>' '
));
?>

css

.nav-links {
font-size: 14px;
margin-top: 20px;
margin-bottom: 20px;
clear: both;
overflow: hidden;
}
.nav-links .nav-previous {
float: left;
text-align: left;
}
.nav-links .nav-next {
float: right;
text-align: right;
}