# text align
HTML_CSS_007_TAG_text-align
정렬 >+ 변경하고 싶은 태그의 상위태그에 적용을 시킨다. text-align >+ 대상 엘리먼트의 글자와 자식 inline 요소만 정렬한다 대상 엘리먼트가 아니라 그것의 텍스트만을 정렬한다
[CSS] 문단과 목록 스타일 2-3
텍스트의 정렬 방식을 지정한다. 직관적으로 알 수 있듯, 기본값인 left는 왼쪽, center는 가운데, right은 오른쪽으로 텍스트(및 인라인 요소들)을 정렬한다. justify는 왼쪽으로 정렬하면서, 텍스트가 여러 줄이 될 때 마지막 줄을 제외한 줄들의 오른쪽이
4-3. CSS문법 정리
display 속성이 flex로 설정되어 있으면 text-align 속성을 지정해도 가운데 정렬이 되지 않습니다.이 때는 위 예제와 같이 justify-content 속성을 설정해 주어야 합니다.padding : 100px 0; 여기서는 div의 padding을 지정하

CSS font 아는듯 모르는듯 한번더 이해를 튼튼!
CSS 폰트 사이즈 프로퍼티 font family web font font-weight font -variant 프로퍼티 line - height 프로퍼티 letter-spacing ,word-spacing 프로퍼티 text-align 프로퍼티 text

CSS 속성 (2)
1\. overflow요소의 크기 이상으로 내용이 넘쳤을 때, 보여짐을 제어하는 단축 속성기본: visible - 넘친 내용을 그대로 보여줌hidden - 넘친 내용을 잘라냄auto - 넘친 내용이 있는 경우에만 잘라내고 스크롤바 생성overflow는 overflow-

문단 스타일
텍스트가 써지는 방향을 설정함기본값은 왼쪽 -> 오른쪽 (left-to-right: ltr)오른쪽 -> 왼쪽 (right-to-left: rtl)수평으로 정렬할 때 사용block요소에만 적용텍스트의 간격기본값 auto문단의 첫 줄을 들여쓰기 할 때 쓰임텍스트를 담고 있

가로 가운데 정렬은 text-align: center, 그럼 세로 가운데 정렬은?
검은색 상자 안에 Hello World 내용을 가지는 <div>를 작성한다.해당 요소를 가운데(가로) 정렬하기 위해서 text-align: center;를 부여한다.현재 검은 박스의 height 값은 250px이다. Hello World에 line-height값을

CSS box model 활용
CSS box model 활용 imageCSS box model 활용 image CSS box model 활용 image CSS box model 활용 imageCSS box model 활용 image CSS box model 활용 im
Center를 장악해보자
Element의 Center를 찾기 화면 레이아웃을 만들고 스타일 잡다보면 vertical, horizontal center 만드는게 여간 까다로운게 아닙니다. 한번 정리를 해봅니다. horizontal center는 간단한 부분이 많지만 vertical center가 까다롭고 parent element의 영향이 많습니다. Horizontal Cent...