라디오버튼 제목(텍스트)과 수직정렬 하기, 라디오버튼 정렬

라디오버튼의 크기를 키울 경우, 해당 버튼의 레이블(제목)과 라디오 버튼 사이의 수직정렬이 틀어지는 경우가 많습니다. 

 

html 코드를 보자면..... 라디오버튼의 크기와 커서만 설정되어 있는걸 볼 수 있죠

 

 

 

 

 

위와 같이 라디오버튼의 수직정렬이 맞지 않을 경우, 아래와 같이 코드를 넣어주면 됩니다. 

 

 

vertical-align: middle;margin-top:-1px;

 

보통 vertical-align:middle 만 써주면 어지간한 녀석들은 수직정렬이 되는데, 라디오박스는 margin-top:-1px 를 넣어줘야 되더라구요^^  참고하세요

 

 

참고로 저 동해둘리가 직접 운영하는 '성공하는 중이다'  카페를 소개드립니다. 

각자의 분야에서 성공을 향해 가는 과정에서 힘이되는 이야기, 힘이되는 사진, 성공스토리, 실패스토리 등을 나누고자 합니다. 많은 참여 부탁드려요

 

https://cafe.naver.com/ingsuccess

성공하는 중이다 : 네이버 카페