수다닷컴

저 3개가 각각 div 로 짜여져있구요~
저 화살표 모양은 백그라운드로 노리핏 써서 하나만 깔은거예요~

css에다가 text-align:middle 을 해도 안되구요..
div에 valign:middle 해도 안되고..

css에 패딩값을 주니까..위아래에 다 떠버려요~ 4개로 했는데도요..;;

이유가 뭘까요.. 가운데로 놓는법좀 알려주세요!

소스는 css하고 저 부분만 올려요~

style type=text/css
body {
background-color:#f7f3ed;
color:black;
font-size:12px;
}
.vertical_title {
display: block;
height: 30px;
width: 440px;
padding: 0 10px 0 80px;
line-height: 30px;
color: #1b2d3d;
font-weight: normal;
text-decoration: none;
text-align:center;
outline: none;
font-size: 13px;
border-bottom: 1px solid #d6be9b;
cursor: pointer;
margin: 0 0 0 0;
}.vertical_toggle {
display: block;
height: 66px;
width: 440px;
background: #f7f3ed url(/template2008/CoffeeMonster/layout/images/arrow_off.gif) left no-repeat;
padding: 0px 10px 0px 80px;
line-height: 30px;
color: #1b2d3d;
font-weight: normal;
text-decoration: none;
outline: none;
text-align:middle;
font-size: 13px;
border-bottom: 1px solid #d6be9b;
cursor: pointer;
margin: 0 0 0 0;
}

.vertical_toggle_active {
background: #f7f3ed url(/template2008/CoffeeMonster/layout/images/arrow_open.gif) left no-repeat;
/*background-color: #d7dc53;*/
/*background: url(/template2008/CoffeeMonster/layout/images/arrow_open.gif) center; */
color: #1b2d3d;
}.vertical_content {
background-color: #fcfaf8;
overflow: hidden;
width:530px;
}

.vertical_content p {
line-height: 150%;
padding: 5px 10px 15px 10px;
}/style

div id=content
h2 class=vertical_title공지사항/h2
/div
div id=verticalEx1
h2 class=vertical_toggle 공지사항1/h2
div class=vertical_content
pPrototype is a JavaScript Framework that aims to ease development of dynamic web applications./p
/div
h2 class=vertical_toggle span style=padding-top:15px;공지사항2/span/h2
div class=vertical_content
pPrototype is a JavaScript Framework that aims to ease development of dynamic web applications./p
/div
/div

신청하기