인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

dongwoo kim님의 프로필 이미지
dongwoo kim

작성한 질문수

CSS Flex와 Grid 제대로 익히기

Flex UI #3 - 불릿 리스트

inline요소안에 block요소

작성

·

179

0

<a href="#">

       <figure></figure>

<a/> 

이렇게 하게되면 a의 width, height는 0인데

figure의 width는 body의 width와 같던데 이건 어떻게 된건가요? inline요소안에 block요소가 들어가면 이런건가요?

답변 1

0

1분코딩님의 프로필 이미지
1분코딩
지식공유자

<a>가 기본적으로는 인라인 요소라서 그런건데요,
그래서 이런 경우에는 보통 <a>에 display: block;이나 display: inline-block; 등을 지정해주어서
블럭 속성을 갖도록 바꾸어 줍니다.
그렇게 하면 <a>도 영역을 제대로 확보하고 있는걸 확인하실 수 있을거에요~

dongwoo kim님의 프로필 이미지
dongwoo kim

작성한 질문수

질문하기