급궁금) label과 input 의 세로정렬
호습다
안녕하세요~
작업을 하다가 문득
그 모냐 아이디 하고 패스워드 적을때
사용하는 라벨과 인풋박스의 세로정렬을 어떤방식으로
하는것이 옳은가 궁금해서 글을 올립니다.
fieldset
legendtest/legend
input type=text id=id name=id/
label for=idspan아이디를 입력하세요/span/label
input type=password id=pw name=pw/
label for=pwspan패스워드를 입력하세요/span/label
/fieldset
대략적으로 코딩은 이런형식이구요.
인풋과 라벨이 같은 라인에 잇으면 아무것도 지정해주지 않은 상태라면 정렬자체가 다른대요
라벨에다가 마진이나, 패딩,vertical-alignspan태그에다가 마진과 패딩,vertical-align을 다 먹혀봣는데도
라벨에 있는 텍스트의 정렬은 힘드네요....
그래서 그냥 span을 감싸고있는label에다가 position:relative 넣고
스팬에다 top을 맥여서 정렬작업을 해왓는데요
이게 의미상 맞는건지.................
일단 나와서 작업은 이런식으로 해왓는데
다른분들은 어떻게 작업을 하시는지와....
다른좋은방법있으면 알고싶습니다 ㅜ
-
머즌일
아 ㅎㅎ 설명감사합니다.^^
-
뭘봐요
inline 속성을 가진 요소들은 padding이나 margin 속성이 적용되지 않습니다. (a 요소는 적용되긴 하더군요. ) 이럴경우 inline-block나 block으로 전환하여 사용하시면 됩니다.
| 번호 | 제 목 | 글쓴이 | 날짜 |
|---|---|---|---|
| 2701123 | 간단한 select 질문입니다 (3) | 천사의눈물 | 2025-07-11 |
| 2701061 | 비베질문.. | 똘끼 | 2025-07-10 |
| 2701034 | 메일폼 내 script 삽입가능한 방법 없을까요.. (2) | 마음새 | 2025-07-10 |
| 2701008 | 분명히 버튼을 만들었는데 액션이 안걸립니다. (3) | 재찬 | 2025-07-10 |
| 2700923 | 전체중앙정렬&독타입&쿼크모드 ㅜㅠ (8) | 푸른들 | 2025-07-09 |
| 2700893 | 질문드리겠습니다. | 도도한 | 2025-07-09 |
| 2700793 | 무비클립에 마우스 오버시 랜덤으로 효과음 나기는 어떻게 ;; (1) | 바닐라 | 2025-07-08 |
| 2700741 | 웹전송? (2) | 연와인 | 2025-07-07 |
| 2700686 | 카테고리 호버시 세부카테고리 보이게하는 것, css로만 가능할까요?? (3) | 다힘 | 2025-07-07 |
| 2700658 | 메타태그 질문드립니다..ㅠㅠ;;; | 모해 | 2025-07-07 |
| 2700632 | 외부에서 이미지 파일을 불러와야 합니다. 도와주세요. (4) | 에일린 | 2025-07-06 |
| 2700579 | (air + as3) smtp 이용해서 첨부파일 포함해서 메일 보내기 | 물보라 | 2025-07-06 |
| 2700524 | 클릭시 밑에 메뉴 나오게 (4) | 새솔 | 2025-07-05 |
| 2700505 | activex를 비쥬얼6.0으로 만들었는데요 비스타 배포시에 안되서 질문드립니다 (3) | 참이 | 2025-07-05 |
| 2700452 | c언어에서... 자료형 구분.... (3) | 시내 | 2025-07-05 |
| 2700422 | 버전에 관해 질문 | 라온제나 | 2025-07-04 |
| 2700393 | mysql이 갑자기!!!!!!!!!!!!!!!에러가;; (2) | 소미 | 2025-07-04 |
| 2700359 | 3.0 ) SimpleButton 상태 강제 변경 (3) | 희선 | 2025-07-04 |
| 2700304 | ie8 전용핵 문의 (3) | 여자 | 2025-07-03 |
| 2700281 | 이런경우 어떻게 코딩해야 표준에 따르는건가요? (6) | 늘솜 | 2025-07-03 |