Next post/previous post on same line

[demonboy]

Hi,

My next post/previous post links are not on the same line. My current code for them is:

 <div style="margin-bottom:50px float:left"><?php previous_post_link('%link', '&laquo;&laquo; Previous Post'); ?> </div>
  <div style="margin-bottom:50px float:right"><?php next_post_link('%link', 'Next Post &raquo;&raquo;'); ?> </div><br /><br />

How should I amend this code so that they appear on the same line?

Thank you.

[ruenel]

Hello @demonboy,

Thanks for writing in!

You are using CSS float. In that case, you can structure your HTML elements like this:

<div class="x-container man">
	<div style="float:left">Left Arrow</div>
	<div style="float:right">Right Arrow</div>
</div>

You have to have a container so that the arrows do not overflows or messed up any HTML block below it.

Please note that custom coding is outside the scope of our support. Issues that might arise from the use of custom code and further enhancements should be directed to a third party developer.

Best Regards.