html 들여쓰기(indent)

2019.11.14 07:50

JIN 조회 수:301

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

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

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

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

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

<!DOCTYPE html>

<html>

<head>

<style>

.small {text-indent: 50px;}

.big {text-indent:50%;}

</style>

</head>

<body>

</body>

</html>

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

들여쓰기, indent, 이 게시물을

번호	제목	글쓴이	날짜	조회 수	최근 수정일
19	[Js]네이버프러그인:"요약"(접기)/"각주"	JIN	2020.06.09	376	2020.06.09
18	ScrollBar Color Tag	JIN	2019.11.23	323	2019.11.23
17	[링크]iFrame Scrollbar ?? div tag 사용해야함 !!	JIN	2019.11.23	306	2019.11.23
16	css paragraph	JIN	2019.11.14	288	2019.11.14
15	들여쓰기 : <p><q>지정 <ul>	JIN	2019.11.14	296	2019.11.14
14	들여쓰기 : 우클릭-List-Indent/Outdent :<blockquote>	JIN	2019.11.14	296	2019.11.14
13	html 들여쓰기 : <style><div> - <div>개별입력	JIN	2019.11.14	324	2019.11.14
12	[HTML/CSS] 리스트 항목 줄바꿈 들여쓰기 <ol style><li>	JIN	2019.11.14	18013	2019.11.14
»	들여쓰기(indent)	JIN	2019.11.14	301	2019.11.14
10	MM_openBrWindow	JIN	2019.11.13	271	2019.11.13
9	Anchor Top	JIN	2018.11.14	303	2018.12.02
8	클릭시 팝업 오픈	JIN	2018.11.14	256	2018.12.02
7	스크롤바	JIN	2018.11.14	264	2018.12.02
6	로딩시 팝업창	JIN	2018.11.14	238	2018.12.02
5	attach CSS	JIN	2018.11.14	249	2018.12.02
4	css : basic(Vernada) & Link +Link	JIN	2018.11.14	8034	2019.08.21
3	[table]1px Stoke	JIN	2018.11.13	264	2018.12.02
2	colspan	JIN	2018.11.10	240	2018.12.02
1	div align 161216.	JIN	2016.12.16	330	2018.12.02

쓰기

Jin_Xe2015