html 들여쓰기(indent)
2019.11.14 07:50
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)|작성자 코딩타임
- [2019/11/14] css paragraph (143)
- [2019/11/14] 들여쓰기 : <p><q>지정 <ul> (143)
댓글 0
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 | 최근 수정일 |
---|---|---|---|---|---|
33 | [Js]네이버프러그인:"요약"(접기)/"각주" | JIN | 2020.06.09 | 201 | 2020.06.09 |
32 | ActivX가 실행되지 않는 경우 | JIN | 2019.11.28 | 165 | 2019.11.28 |
31 | 확장자 표시(변경) - 폴더 옵션 : 상단 [보기][옵션] | JIN | 2019.11.27 | 344 | 2019.11.27 |
30 | ScrollBar Color Tag | JIN | 2019.11.23 | 138 | 2019.11.23 |
29 | [링크]iFrame Scrollbar ?? div tag 사용해야함 !! | JIN | 2019.11.23 | 161 | 2019.11.23 |
28 | css paragraph | JIN | 2019.11.14 | 143 | 2019.11.14 |
27 | 들여쓰기 : <p><q>지정 <ul> | JIN | 2019.11.14 | 143 | 2019.11.14 |
26 | 들여쓰기 : 우클릭-List-Indent/Outdent :<blockquote> | JIN | 2019.11.14 | 147 | 2019.11.14 |
25 | html 들여쓰기 : <style><div> - <div>개별입력 | JIN | 2019.11.14 | 142 | 2019.11.14 |
24 | [HTML/CSS] 리스트 항목 줄바꿈 들여쓰기 <ol style><li> | JIN | 2019.11.14 | 317 | 2019.11.14 |
» | 들여쓰기(indent) | JIN | 2019.11.14 | 148 | 2019.11.14 |
22 | 여백 조정 : 숫자형식 #,##0_-_- | JIN | 2019.11.14 | 139 | 2019.11.14 |
21 | MM_openBrWindow | JIN | 2019.11.13 | 139 | 2019.11.13 |
20 | url | JIN | 2018.12.02 | 186 | 2018.12.03 |
19 | INDIRECT COLUMN()+1, MATCH | JIN | 2018.12.02 | 189 | 2018.12.02 |
18 | INDIRECT(텍스트 셀 주소, 표시 형식) | JIN | 2018.12.02 | 171 | 2018.12.02 |
17 | 드롭다운 소분류 만들기 | JIN | 2018.12.02 | 606 | 2019.11.24 |
16 | VLOOKUP(181202sun 제작 중) | JIN | 2018.12.02 | 174 | 2018.12.02 |
15 | 181201sat.드롭다운상자와 이름정의 검색 | JIN | 2018.12.02 | 441 | 2018.12.02 |
14 | Anchor Top | JIN | 2018.11.14 | 165 | 2018.12.02 |