티스토리 뷰

CSS

Inline / Block

placidcy 2022. 4. 11. 01:21

1. Inline

 

- 해당 요소의 크기는 요소의 크기만큼 정해지며 줄바꿈이 되지 않는다

- 위쪽, 아래쪽 바깥 여백(margin)값 설정이 되지 않는다

 

2. Block

 

- 전체 화면의 너비만큼의 너비 길이가 설정된다

- margin 값 설정이 가능하다

 

 



        
         
인라인 텍스트 1
인라인 텍스트 2
인라인 텍스트 3
블록 텍스트 1
블록 텍스트 2
블록 텍스트 3

'CSS' 카테고리의 다른 글

flex-wrap  (0) 2022.04.11
flex-direction  (0) 2022.04.11
CSS 표현 단위  (0) 2022.03.11
Padding  (0) 2022.02.04
Margin  (0) 2022.02.04
댓글
© 2018 webstoryboy