나의 블로그

예제 코드li { margin-bottom: 10px; /* 아래쪽 간격 추가 */}적용 방법margin-bottom: 각 리스트 아이템의 아래쪽에 여백 추가margin-top, margin-left, margin-right을 사용하여 원하는 방향에 간격을 줄 수 있다전체 코드 예제 첫 번째 항목 두 번째 항목 세 번째 항목 gap 사용 (Flexbox/Grid와 함께)리스트를 Flexbox 또는 CSS Grid로 정렬한 경우, gap 속성을 사용할 수 있다=> 직관적이며, 리스트 간 간격을 일괄적으로 조정할 때 편리Flexbox 예제ul { display: flex; flex-direction: column; /* 수직 정렬 */ gap: 20px; /..

GOAL : 텍스트가 공간이 부족하더라도 자동으로 다음 줄로 넘어가지 않고, 한 줄에 모두 표시되도록 만들기 예 : p 태그의 텍스트가 줄 바꿈 없이 한 줄로 표시되도록 만들기p { white-space: nowrap;}