본문 바로가기

CSS line-height2

CSS 수평, 수직 정렬 요소 가운데 정렬 블록 요소(와 같은)를 수평으로 중앙에 놓으려면 margin: auto; 를 사용한다. 요소의 너비를 설정하면 컨테이너의 가장자리까지 늘어나는 것을 방지할 수 있다. 그러면 요소가 지정된 너비를 차지하고 나머지 공간은 두 여백 사이에서 동일하게 분할된다: 가운데 정렬 요소 블록 요소(예: div)를 수평으로 중앙에 놓으려면 마진: auto; 를 사용한다 Hello World! 'center' 클래스 요소를 가운데 정렬하려면 margin:auto 를 설정한다. 위의 코드를 실행하면 아래와 같은 그림과 같이 출력된다. 텍스트 가운데 정렬 텍스트를 요소 내부에 중앙에 배치하려면 text-align: center; 를 사용한다. 텍스트 가운데정렬 나는 가운데이다.!!!. center 클래스에 .. 2023. 8. 27.
CSS text spacing CSS text spacing 이 장에서는 다음 속성에 대해 알아본다: text-indent letter-spacing line-height word-spacing white-space CSS text-indent 속성 text-indent 속성은 텍스트의 첫 번째 줄 들여쓰기를 지정하는 데 사용된다: text-indent 제가 젊고 더 취약한 시기에 아버지는 제게 그 이후로 제가 마음속으로 생각하고 있는 몇 가지 조언을 해주셨습니다. "당신이 누군가를 비난하고 싶을 때마다," 그가 제게 말했습니다. "이 세상의 모든 사람들은 당신이 가졌던 이점이 없다는 것을 기억하세요." p 요소에 text-indent 속성에 50px 값을 설정하면 들여쓰기 50px이후에 글자가 표시된다. 위의 코드를 실행하면 아래 .. 2023. 7. 31.