[ Jsp ][ Css ] inline-block explorer

explorer에서 inline-block이 먹지 않는다.
빨간 부분 추가하믄 됨

display: inline-block;
*display: inline;

[ css ] div 수직 스크롤

div 수직 스크롤 생성

빨간 부분

<div style="width:98%; height:200px;border:1px solid; overflow-y:scroll;">

[ Jsp ][ css ] div 가운데

DIV 넓이를 80%줄 경우
절대 위치로 하고, left 10%

<div style="position:absolute; left:10%; width:80%;border: 1px solid; align:center;">

[ Jsp ][ Css ] 텍스트 90도 회전 CSS

텍스트 90도 회전 CSS

<div style='text-align:center;  color:rgb(204, 0, 0); opacity:1; font-size:35px; -webkit-transform:rotate(90deg);'>Text</div>

Text

[ Jsp ] 이미지 회전 css

img.rot{
-webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(00deg);
     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
}
img.rot90{
-webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     transform: rotate(90deg);
     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
img.rot180{
-webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     transform: rotate(180deg);
     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
img.rot270{
-webkit-transform: rotate(270deg);
     -moz-transform: rotate(270deg);
     -o-transform: rotate(270deg);
     transform: rotate(270deg);
     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}