Blog Page Navigations

• Posted: January 8, 2016
• / By: Magda
• / In:

HTML markup

CSS

<section class="ct-navigation ct-u-displayTable"> <div class="ct-u-displayTableCell"> <div class="ct-previous"><a href="#">previous post</a></div> <div class="ct-previousPost">Scotch & Whisky know the difference!</div> </div> <div class="ct-u-displayTableCell"> <div class="ct-next"><a href="#">next post</a></div> <div class="ct-nextPost">James "The piano" Turner comes!</div> </div> </section>

1 2 3 4 5 6 7 8 9 10

<section class="ct-navigation ct-u-displayTable">   <div class="ct-u-displayTableCell">     <div class="ct-previous"><a href="#">previous post</a></div>     <div class="ct-previousPost">Scotch & Whisky know the difference!</div>   </div>   <div class="ct-u-displayTableCell">     <div class="ct-next"><a href="#">next post</a></div>     <div class="ct-nextPost">James "The piano" Turner comes!</div>   </div> </section>

Screenshot

Blog Page Navigation example