이미지옆의 텍스트를 수직적으로 바닥에 붙이는것?
본문
이미지옆의 텍스트가 바닥에 붙으면 좋겠는데
css 에서 vertical-align: bottom; 으로 해도 어째 안되는데..
이거 원인이 뭔가요?
답변 3
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)해서 맞추어 주시면 될 것 같습니다.
line-height:2em; 으로 줘보세요~
라에님처럼 line-height로 마춰도 되구요
이미지에 margin으로 밀어도 될듯하네요
답변을 작성하시기 전에 로그인 해주세요.