본문 바로가기
Front-end/HTML CSS

inline elements의 특성

by warrior.p 2022. 4. 4.

 

위의 보이는 클래스 icon은 <a>태그로 작성한 inline contents이다.

 

1) 인라인 컨텐츠는 가로로 배치된다.

2) baseline(텍스트가 배치 되어있는 라인)을 기준으로 배치된다.

3) width/height 속성의 개념이 없다. (display:inline-block 프로퍼티를 넣어줘야 가로/세로가 생긴다)

4) margin은 좌우만 적용된다.

5)

'Front-end > HTML CSS' 카테고리의 다른 글

과제 - 수정중  (0) 2022.04.07
inline element  (0) 2022.04.06
(box-model) 화면 구현 연습  (0) 2022.04.02
박스모 활용(글자간 간격)  (0) 2022.03.30
CSS 시작순서(css resets)  (0) 2022.03.29