Inline Post Navigation

By default, the post navigation is stacked like this:

If you prefer to use inline post navigation like this:

Then try the CSS below:

.post-navigation {
    display: flex;

.post-navigation .nav-next {
    width: 50%;
    text-align: right;

.post-navigation .nav-previous {
    width: 50%;

.post-navigation .nav-next .next:before {
    display: none;

.post-navigation .nav-next .next:after {
    font-family: GeneratePress;
    text-decoration: inherit;
    position: relative;
    margin-left: .6em;
    width: 13px;
    text-align: center;
    display: inline-block;
    content: "\f105";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    speak: none;