메뉴 건너뛰기

Jin_Xe2015

html 들여쓰기(indent)

2019.11.14 07:50

JIN 조회 수:301

https://blog.naver.com/mathesis_time/221656855360

이때 백분율(%)은 부모의 너비를 기준으로 값만큼 들여쓰기가 됩니다.

부모란, 해당 태그를 포함하는 바로 상위 태그를 말합니다.

보통 <p> 태그의 부모는 <body>가 되고, <li> 태그의 부모는 <ol>이나 <ul>입니다.

<p> 태그를 50%로 들여쓰기를 하면, 부모인 <body> 태그 넓이의 반만큼 첫 줄이 들여쓰기 됩니다.

[출처] [HTML/CSS 기초 강의] ⑯ 들여쓰기(indent)|작성자 코딩타임

 

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>들여쓰기</title>

<style>

.small {text-indent: 50px;}

.big {text-indent:50%;}

</style>

</head>

<body>

<p> 문단1입니다.문단1입니다.문단1입니다.문단1입니다.문단1입니다.문단1입니다.문단1입니다.문단1입니다.문단1입니다.문단1입니다.문단1입니다.문단1입니다.문단1입니다.문단1입니다.문단1입니다.문단1입니다.문단1입니다. </p> <p class="small"> 문단2입니다.문단2입니다.문단2입니다.문단2입니다.문단2입니다.문단2입니다.문단2입니다.문단2입니다.문단2입니다.문단2입니다.문단2입니다.문단2입니다.문단2입니다.문단2입니다.문단2입니다.문단2입니다.문단2입니다.</p> <p class="big"> 문단3입니다.문단3입니다.문단3입니다.문단3입니다.문단3입니다.문단3입니다.문단3입니다.문단3입니다.문단3입니다.문단3입니다.문단3입니다.문단3입니다.문단3입니다.문단3입니다.문단3입니다.문단3입니다.문단3입니다.문단3입니다.</p>

</body>

</html>

[출처] [HTML/CSS 기초 강의] ⑯ 들여쓰기(indent)|작성자 코딩타임

  1. [2019/11/14] css paragraph by JIN (288)
  2. [2019/11/14] 들여쓰기 : <p><q>지정 <ul> by JIN (296)
, , 이 게시물을
목록
목록
번호 제목 글쓴이 날짜 조회 수 최근 수정일
34 table 병합:tr 내부 td, 상하 td, (head 태그 설정 요)"가로세로병합""몬드리안병합" file JIN 2025.01.12 131 2025.01.12
33 [Js]네이버프러그인:"요약"(접기)/"각주" JIN 2020.06.09 376 2020.06.09
32 ActivX가 실행되지 않는 경우 JIN 2019.11.28 301 2019.11.28
31 확장자 표시(변경) - 폴더 옵션 : 상단 [보기][옵션] JIN 2019.11.27 496 2019.11.27
30 ScrollBar Color Tag JIN 2019.11.23 323 2019.11.23
29 [링크]iFrame Scrollbar ?? div tag 사용해야함 !! JIN 2019.11.23 306 2019.11.23
28 css paragraph file JIN 2019.11.14 288 2019.11.14
27 들여쓰기 : <p><q>지정 <ul> JIN 2019.11.14 296 2019.11.14
26 들여쓰기 : 우클릭-List-Indent/Outdent :<blockquote> JIN 2019.11.14 296 2019.11.14
25 html 들여쓰기 : <style><div> - <div>개별입력 JIN 2019.11.14 324 2019.11.14
24 [HTML/CSS] 리스트 항목 줄바꿈 들여쓰기 <ol style><li> JIN 2019.11.14 18013 2019.11.14
» 들여쓰기(indent) JIN 2019.11.14 301 2019.11.14
22 여백 조정 : 숫자형식 #,##0_-_- JIN 2019.11.14 262 2019.11.14
21 MM_openBrWindow JIN 2019.11.13 271 2019.11.13
20 url JIN 2018.12.02 323 2018.12.03
19 INDIRECT COLUMN()+1, MATCH file JIN 2018.12.02 342 2018.12.02
18 INDIRECT(텍스트 셀 주소, 표시 형식) JIN 2018.12.02 308 2018.12.02
17 드롭다운 소분류 만들기 file JIN 2018.12.02 766 2019.11.24
16 VLOOKUP(181202sun 제작 중) file JIN 2018.12.02 303 2018.12.02
15 181201sat.드롭다운상자와 이름정의 검색 file JIN 2018.12.02 621 2018.12.02
쓰기
태그