inline
-
inline & blockStudy/css 2020. 6. 22. 22:38
html의 요소는 '블록레벨 요소'와 '인라인'요소로 분류될 수 있다. 블록레벨? 인라인?? 무엇일까?? 알아보도록 하자. 위와 같이 한 너비를 모두 차지 하는 태그를 block 요소 라고 부르고, 지정된 컨텐츠 내용값만 차지하며, 옆에 다른 값을 바로 이어서 받을 수 있는 태그를 inline 요소라 부른다. 위 그림의 1-4 줄은 block 요소, 5번째 줄은 inline요소 인 것이다. inline 예제를 살펴보도록 하자. 다음 span은 인라인 요소로, 영향 범위의 시작과 끝을 알 수 있도록 배경색을 지정했습니다. 이 예제에서 div는 텍스트를 가진 블록레벨 요소이다. 이 텍스트 안에는 인라인 요소인 이 존재한다. span은 인라인이기때문에 전체 문단이 끊기지 않고 하나로 그려진다. 결과를 확인해보..