정렬방식-수직(코드명: temp_valign_방향)
다운로드

WIPS ON logo상단 정렬

WIPS ON logo중앙 정렬

WIPS ON logo하단 정렬

코드보기

지원 브라우저 : 크롬 사파리 파이어폭스 오페라 인터넷익스플로러(7~10)

  • CSS Code

    .valign_top{vertical-align:top;}
    .valign_middle{vertical-align:middle;}
    .valign_bottom{vertical-align:bottom;}

  • HTML Code

    <p>텍스트 or 이미지<span class="valign_top">상단 정렬</span></p>
    <p>텍스트 or 이미지 <span class="valign_middle">중앙 정렬</span></p>
    <p>텍스트 or 이미지 <span class="valign_bottom">하단 정렬</span></p>
  • * 본 코드는 WIPS Markup Coding Convention을 100% 준수합니다.
  • * HTML 마크업 구조는 템플릿 형식에서 벗어나지 않도록 합니다.
  • * DTD는 HTML 4.01 Transitional(loose.dtd)기준 입니다.
  • * 디자인에 따른 해당 UI의 CSS는 서비스 별로 다르게 적용 가능합니다.