html - will_paginate pagination controls are not horizontally aligned -


i'm using sample code , css provided will_paginate gem provide nicely formatted pagination control on page. however, controls won't align horizontally. instead, stacked vertically , centered on page. how can them on 1 horizontal line?

the sample code from: http://mislav.uniqpath.com/will_paginate/

html is:

<div class="apple_pagination">   <div class="page_info">     <%= page_entries_info @feeds %>   </div>   <%= will_paginate @feeds, :container => false %> </div> 

css is:

.apple_pagination {   background: #f1f1f1;   border: 1px solid #e5e5e5;   text-align: center;   padding: 1em;   cursor: default;   li {  list-style: none;  } }  .apple_pagination a, .apple_pagination span {   padding: 0.2em 0.3em; }  .apple_pagination .disabled {   color: #aaaaaa; }  .apple_pagination .current {   font-style: normal;   font-weight: bold;   background-color: #bebebe;   display: inline-block;   width: 1.4em;   height: 1.4em;   line-height: 1.5;   -moz-border-radius: 1em;   -webkit-border-radius: 1em;   border-radius: 1em;   text-shadow: rgba(255, 255, 255, 0.8) 1px 1px 1px; }  .apple_pagination {   text-decoration: none;   color: black; }  .apple_pagination a:hover, .apple_pagination a:focus {   text-decoration: underline; } 

try display buttons float:left;

.apple_pagination a{    float:left } 

Comments

Popular posts from this blog

plot - Remove Objects from Legend When You Have Also Used Fit, Matlab -

java - Why does my date parsing return a weird date? -

Need help in packaging app using TideSDK on Windows -