#pagenavi{ background: $color-index; padding: 20px 0; height: 20px; line-height: 20px; position: relative; @include border-shadow(); a{ &:hover{ text-decoration: underline; } } .prev, .next{ position: absolute; } .prev{ padding-left: 30px; left: 0; &:before{ content: "\f060"; font: 1.3em $font-icon; position: absolute; left: 0; } } .next{ padding-right: 30px; right: 0; &:before{ content: "\f061"; font: 1.3em $font-icon; position: absolute; right: 0; } } .center{ text-align: center; width: 100%; display: block; @media screen and (max-width: 400px){ display: none; } } }