Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- border-box
- Media
- box-sizing
- google클론코딩
- inline
- box-shadow
- JavaScript
- Block
- justify-content
- Justify
- Align
- css
- html
- 마진겹침
- content-box
- align-items
- font-size
- PX
- boxmodel
- 클론코딩
- mediaquery
- MARGIN
- clonecoding
- margin-collapsing
- WebProgramming
- REM
- inline-block
- EM
- flex
- flexbox
Archives
- Today
- Total
목록inline-block (1)
Suhenism
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/IySEq/btrLIPzufHb/EVqUkyDvMojqlnNcVHdIi1/img.jpg)
HTML 태그 종류 1. inline 2. block (3. (CSS) inline-block) inline 'inline' element는 , 태그처럼 줄바꿈이 되지 않고 content 크기만큼만 공간을 자치한다. content 크기만큼만 공간을 차지하기 때문에 width와 height는 지정할 수 없고 margin과 padding은 좌우 속성만 적용된다. HTML 안녕하세요 Suhenism CSS span, a { border: 1px solid red; width: 200px; height: 200px; margin: 10px; padding: 10px; } Result 과 태그를 사용하니 width와 height를 200px로 지정해도 content 크기만큼만 공간을 차지하고, margin과 pa..
Coding 코딩/CSS
2022. 9. 8. 16:01