버튼 width 50% HTML5/CSS3 2015. 6. 25. 13:47
HTML
<div class="btntype">
	<a href="#" class="area" onclick="return false;">취소</a>
	<var class="bar"></var>
	<a href="#" class="area" onclick="return false;">확인</a>
</div>


CSS
.btntype {display: table;}
.btntype .area {display: table-cell; width:50%;}
.btntype .bar {display:block; width:4px;}

'HTML5/CSS3' 카테고리의 다른 글

display:flex  (0) 2016.03.11
select box 디자인 화살표적용 css  (1) 2015.11.12
table 없이 table cell 코딩하기  (0) 2015.06.25
말줄임 ellipsis  (0) 2015.06.25
기기별 디바이스 사이즈  (0) 2013.02.04