css(css1) vertical-align

vertical-align 속성 (요소의 세로 맞춤 설정)

vertical-align:baseline (기본값 입니다.)

vertical-align:length (요소를 지정된 길이 만큼 올리거나 내리며 음수 값이 허용됩니다.)

사용예)

vertical-align:50px  (기준선에서 50px 위에 위치)

테스트 입니다. 적용

vertical-align:-50px  (기준선에서 50px 아래에 위치)

테스트 입니다. 적용

vertical-align:% (line-height 기준 백분율로 요소를 올리거나 내리며 음수 값이 허용됩니다.)

사용예)

vertical-align:50%  (line-height 기준 50% 위에 위치)

테스트 입니다. 적용

vertical-align:-50%  (line-height 기준 50% 아래에 위치)

테스트 입니다. 적용

vertical-align:sub (요소가 아래첨자 인것 처럼 정렬)

사용예)

vertical-align:sub 

테스트 입니다. 적용

vertical-align:super (요소가 위첨자 인것 처럼 정렬)

사용예)

vertical-align:super 

테스트 입니다. 적용

vertical-align:top (요소의 상단에 위치)

vertical-align:text-top (요소내의 부모글꼴의 상단에 정렬)

vertical-align:middle  (요소의 중간에 위치)

vertical-align:bottom (요소의 하단에 위치)

vertical-align:text-bottom (요소내의 부모글꼴의 하단에 정렬)

vertical-align:initial (이 속성을 기본값으로 설정)

vertical-align:inherit (부모요소에서 속성을 상속 받음)