logo

CSS를 사용하여 HTML에서 텍스트를 들여쓰는 방법은 무엇입니까?

이 기사에서는 HTML 문서에서 텍스트를 들여쓰기하는 다양한 방법에 대해 설명합니다. 텍스트 들여쓰기는 블록의 텍스트 줄 앞에 있는 빈 공백의 길이를 설정하는 데 사용됩니다. 일반적으로 단락의 시작을 표시합니다.

텍스트 들여쓰기에는 몇 가지 일반적인 접근 방식이 있습니다.



내용의 테이블

사용하여 여백 왼쪽 속성 :

이 속성은 요소 왼쪽에 여백을 추가하는 데 사용됩니다. 필요한 공간을 적절한 길이 단위나 백분율로 지정하여 필요한 들여쓰기를 추가하는 데 사용할 수 있습니다.

예: 이 예에서는 margin-left 속성을 사용하여 전체 텍스트 블록을 들여씁니다.



HTML




정렬 목록 자바



캡슐화 프로그램
> <>html>>> <>head>>> ><>style>>> >p {> >margin-left: 40px;> >}> >style>머리>

GFGh2에 오신 것을 환영합니다>

우리는 여러분이 배우고 성장하며 즐거움을 누릴 수 있도록 다양한 서비스를 제공합니다! 무료 튜토리얼, 수백만 개의 기사, 라이브, 온라인 및 강의실 강좌, 빈번한 코딩 대회, 업계 전문가의 웹 세미나, 인턴십 기회 및 취업 기회. p> 본문> html>>

>

>

산출:

사용하여 텍스트 들여쓰기 속성:

이 속성은 단락의 텍스트 첫 줄 앞의 공백 크기를 설정하는 데 사용됩니다. 필요에 따라 길이 단위나 백분율로 지정할 수 있습니다.

예: 이 예에서는 text-indent 속성을 사용하여 단락의 첫 번째 줄을 들여씁니다.

프롤로그가 뭐야?

HTML




> <>html>>> <>head>>> ><>style>>> >p {> >text-indent: 40px;> >}> >style>머리>

GFGh2에 오신 것을 환영합니다>

우리는 여러분이 배우고 성장하며 즐거움을 누릴 수 있도록 다양한 서비스를 제공합니다! 무료 튜토리얼, 수백만 개의 기사, 라이브, 온라인 및 강의실 강좌, 빈번한 코딩 대회, 업계 전문가의 웹 세미나, 인턴십 기회 및 취업 기회. p> 본문> html>>

>

>

산출:

굵은 텍스트 CSS

사용 패딩 왼쪽 속성 :

CSS의 padding-left 속성은 요소 콘텐츠 상자의 왼쪽 가장자리와 내부 콘텐츠 사이의 공간을 지정합니다. 왼쪽에 패딩을 생성하여 콘텐츠를 요소의 왼쪽 경계에서 밀어내고 간격과 들여쓰기를 제공합니다.

예: 이 예에서는 예제와 함께 왼쪽 패딩 속성을 사용하고 있습니다.

HTML




> <>html>>> <>head>>> ><>style>>> >p {> >padding-left: 60px;> >}> >style>머리>

GFGh2에 오신 것을 환영합니다>

우리는 여러분이 배우고 성장하며 즐거움을 누릴 수 있도록 다양한 서비스를 제공합니다! 무료 튜토리얼, 수백만 개의 기사, 라이브, 온라인 및 강의실 강좌, 빈번한 코딩 대회, 업계 전문가의 웹 세미나, 인턴십 기회 및 취업 기회. p> 본문> html>>

>

>

산출:

자바의 역방향 문자열