left : 이미지의 왼쪽에 문자열을 정렬
right : 이미지의 오른쪽에 문자열을 정렬
center : 이미지의 중간에 문자열을 정렬
texttop : 영문에서 g보다 f가 더 위로 튀어나온 것을 볼 수 있는데
위로 올라간 문자의 맨위와 이미지의 상단을 맞춘다.
middle : 문자열의 밑선을 이미지의 가운데로 맞춤
absmiddle : 문자열의 가운데를 이미지의 가운데에 맞춤
bottom : 이미지의 하단과 문자열의 하단을 맞춤
baseline : bottom과 같은 역할
absbottom : 영문 문자열에서 해당되며, fight라는 단어를 쓸 때 f 보다 g가 더 밑으로 내려와 있으므로 g의 밑선과 그림의 하단을 맞춤
EX : absmiddle)
로그인 이미지가 정렬 된 것을 알 수 있다.
EX : middle)
출처 : http://blog.naver.com/celeves
right : 이미지의 오른쪽에 문자열을 정렬
center : 이미지의 중간에 문자열을 정렬
texttop : 영문에서 g보다 f가 더 위로 튀어나온 것을 볼 수 있는데
위로 올라간 문자의 맨위와 이미지의 상단을 맞춘다.
middle : 문자열의 밑선을 이미지의 가운데로 맞춤
absmiddle : 문자열의 가운데를 이미지의 가운데에 맞춤
bottom : 이미지의 하단과 문자열의 하단을 맞춤
baseline : bottom과 같은 역할
absbottom : 영문 문자열에서 해당되며, fight라는 단어를 쓸 때 f 보다 g가 더 밑으로 내려와 있으므로 g의 밑선과 그림의 하단을 맞춤
EX : absmiddle)
적용 전 이미지
적용 후 이미지
로그인 이미지가 정렬 된 것을 알 수 있다.
EX : middle)
출처 : http://blog.naver.com/celeves
'IT > HTML' 카테고리의 다른 글
[HTML] "글자에 점선으로 밑줄 긋기" 소스 (0) | 2011.10.18 |
---|---|
[JavaScript] input 태그 총정리 (0) | 2011.10.10 |
[HTML] 체크박스 (0) | 2011.10.04 |
[HTML] 라디오 버튼의 구현 (0) | 2011.10.04 |
[HTML] select 태그 (0) | 2011.09.28 |