안녕하세요.

항상 홈페이지를 제작하거나 자잘한 작업을 할때마다 부딪히는 문제였는데...

항상 해결을 못하고 찜찜한대로 놔두다가 이렇게 질문까지 올리게 되었습니다.

일단, 설명을 드리자면...

먼저 그림을 ㅡㅡ;;



저기 로그인 이라고 써놓은 부분에서...

저 부분은 <td align="center" valign="center">를 사용해서 가로, 세로 모두 가운데로 정렬시켰습니다.

일단 대충 표면상으로는 모두 가운데 정렬처럼 보이는데...

마우스로 긁어놓은 부분안에서는... 아직도 valign이 top이죠...

그래서 이미지를 하나 만들어서 옆에 붙이면 윗줄을 기준으로는 정 가운데 위치하지만

아래줄을 기준으로 봤을때는 텍스트아래가 비어 보이기 때문에 찜찜해지죠 ㅡㅡ;;; (여러분은 안그렇다구요? 어쩔수 없습니다. 저는 찜찜합니다 ^^;;)

옆에 오는 그림의 img 태그문 안에 valign이나 align 태그도 적용시켜 봤는데...

텍스트의 크기는 눈에 보이는 크기가 아니라

마우스로 긁었을때 저 여백까지 포함해서 크기가 정해지는거 같더군요...

항상 저 아래 공백이 남아서 보기가 이상했습니다.


별거 아닌걸 가지고 설명이 굉장히 길었네요 ^^;;;

질문의 요점은 이겁니다....


1. 텍스트를 마우스로 긁은 부분 세로방향 가운데로 정렬시키는 방법
또는
2. 마우스로 긁은 부분에서 아래쪽 여백을 없애는 방법


해답 되도록 일찍 주셨으면 좋겠습니다 ^^;;;

그럼...