반응형
@CHARSET "UTF-8";
/**
css3
-moz-border-radius-topleft / -webkit-border-top-left-radius (좌측 상단 모서리)
-moz-border-radius-topright / -webkit-border-top-right-radius (우측 상단 모서리)
-moz-border-radius-bottomleft / -webkit-border-bottom-left-radius (좌측 하단 모서리)
-moz-border-radius-bottomright / -webkit-border-bottom-right-radius (우측 하단 모서리)
*/
.div_outsider {display : table}
.div_outsider_round {
display : table-cell;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 2px solid silver;
text-align: center;
vertical-align: middle;
/**width: 400px;
height: 70px;*/
}
.div_outsider_round span{
vertical-align: middle;
}
<div class="div_outsider_round" style="width: 200px;height: 70px;">
반응형
'JavaScript > HTML' 카테고리의 다른 글
HTML5 API How is support browser ? (0) | 2012.07.19 |
---|---|
HTML A Tag href (0) | 2012.02.15 |
fckeditor 2.6.6 - ckeditor (0) | 2011.05.04 |
http://www.corechain.com/index.html (0) | 2010.11.19 |
JSTL expected (0) | 2010.07.07 |