block ele - div inline ele- span *나머지는 박스모델 설정과 같음 display: grid; 한 줄에 배치하고 싶을때 grid-template-columns *id 값으로 지정한 순서대로 적용이 된다 부피(고정적 사이즈 설정): 150px 나머지 공간을 쓴다 : 1fr 2fr 만큼의 화면 공간을 쓴다 * 텍스트가 길어지면 크기도 자동으로 늘어남 예시 #grid ol ---> id 가 모든 ol 태그 중 부모 태그가 grid 인 태그만 선택하는 선택자로 적용 (해당항목만 적용이 됨) 그리드 적용 예시 } #grid{ display: grid; grid-template-columns: 150px 1fr; } #grid ol{ padding-left: 33px; } #grid #article{ padding-left: 25px; }

WEB