<div class="paging-btn">
<ul class="clearfix">
<li>
<button>
<img src="img/ic_arrow-left_grey.svg" alt="">
<span>이전</span>
</button>
</li>
<!-- //이전 -->
<li>
<button>
<span>다음</span>
<img src="img/ic_arrow-right_grey.svg" alt="">
</button>
</li>
<!-- //다음 -->
</ul>
</div>
<!-- //페이징버튼 -->
.paging-btn {
text-align: center;
margin-top: 16px !important;
display: block;
margin: 0 auto;
ul {
display: inline-block;
li {
float: left;
margin-right: 16px;
button {
width: 80px;
height: 48px;
img {
width: 15px;
vertical-align: middle;
}
span {
vertical-align: middle;
}
}
}
}
'대돌이의 하루 > PUBLISHING' 카테고리의 다른 글
제이쿼리 countUp.js 카운팅하기 (0) | 2020.02.03 |
---|---|
css :ntc-child , nth-of-type (0) | 2020.02.01 |
jquery 이미지 attr img on off (0) | 2020.01.23 |
css button 사용법 (0) | 2020.01.22 |
css 스크롤 없애기 투명하게하기 (기능은가능하게) (0) | 2020.01.21 |