테스트 사이트 - 개발 중인 베타 버전입니다

이미지옆의 텍스트를 수직적으로 바닥에 붙이는것? 채택완료

멋진남자임 10년 전 조회 5,459


이미지옆의 텍스트가 바닥에 붙으면 좋겠는데

css 에서 vertical-align: bottom; 으로 해도 어째 안되는데..

 

이거 원인이 뭔가요?

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
p
10년 전

vertical-align은 HTML에서 <sup>나 <sub>, X²이나 H₂O과 같이 위첨자와 아랫첨자를 적용하거나(vertical-align:sup 혹은 sub), 테이블에서 셀의 텍스트 수직 위치를 정렬할 때는 

vertical-align 속성을 사용할 수 있습니다. 이 속성은 인라인 요소와 이미지 요소, input 요소 등에 적용할 수 있으며 블록 요소의 경우에는 사용할 수 없지만 테이블 관련 요소인 th 요소나 td 요소에는 사용할 수 있기 때문에 현재 경우는 블록요소인 ul에서 적용이 안되는 겁니다.

 

텍스트 전체를 아래로 이동하기 위해서는 텍스트가 포함된 메뉴 전체인 ul부분에 margin-top에 px값을 적절히 지정(예:margin-top:5px)해서 맞추어 주시면 될 것 같습니다.

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

멋진남자임
10년 전
감사합니다^^ 상세한 설명 정말 감사드려요

댓글을 작성하려면 로그인이 필요합니다.

k
10년 전

라에님처럼 line-height로 마춰도 되구요

이미지에 margin으로 밀어도 될듯하네요

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

멋진남자임
10년 전
정말 고맙습니다 덕분에 알았습니다 감사합니다^^

댓글을 작성하려면 로그인이 필요합니다.

10년 전

line-height:2em; 으로 줘보세요~

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인