I'm attempting to center page amounts at the end of the test blog...


within the center between your previous and then buttons however cannot think how to get it done, I attempted a couple of different lessons however they did not really appear to assist with this particular.

Any hints regarding how to make sure they are sit centrally within the left column (the width from the blog content - sidebar) could be greatly appreciated.

To grow on Pablo's answer to be able to correctly support inline-block on all browsers:

.pagination .third {
    /* Supports Firefox < 3.0, note
       that it is not 1:1 identical
       to inline-block but it is
       usually a good substitute */
    display: -moz-inline-box;

    /* Standards support */
    display: inline-block;

    /* IE 6 & 7 do not support
       inline-block for block-
       level elements; fortunately
       inline + hasLayout is exactly
       the same as inline-block in
       these browsers */
    *display: inline;
    *zoom: 1;

Pablo has it right. This is an excellent situation where using display:inline-block helps simplify things. Incidentally, this is a good publish about the pros and cons of utilizing it when you wish a horizontal list: CSS display: inline-Block: Why It Rocks, And Why It Sucks

Also, this really is type of unrelated, but based on your description you would like the pagination div to become exactly the same size this content column, right? within this situation, you need to provide the pagination class a width of 548px, just like you class, no?

I bother and copy the pagination Div

<div class="pagination">
 <div class="third"></div>
 <div class="third">
  <ul class="page-numbers page-bright current-page-cyan behind-dark fill-gradient shape-  round">
   <li><span class="page-numbers current">1</span></li>
   <li><a href="http://jocelynwarner.com/test/page/2/" class="page-numbers">2</a></li>
   <li><a href="http://jocelynwarner.com/test/page/3/" class="page-numbers">3</a></li>
   <li><a href="http://jocelynwarner.com/test/page/4/" class="page-numbers">4</a></li>
 <div class="third">
  <a href="http://jocelynwarner.com/test/page/2/">
   <p class="next">Next ยป</p>

This is actually the new Style that can make it Centered

    .pagination {
      border-top:1px dotted;
    .pagination .third {
    ul.page-numbers {
      /*Clear all styles for this*/

I suggest Reading through the CSS Reference and lessons at w3Schools