메뉴 건너뛰기

Jin_Xe2015

html 들여쓰기(indent)

2019.11.14 07:50

JIN 조회 수:256

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