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
Post a Comment