inflearn logo
강의

Course

Instructor

Real! Website Creation! Step by Step! ('Help' Site Creation_Basic Course)

Creating a contents area (section.global area)

text-align

359

manU

6 asked

0

강사님 저는 text-align을 block 요소안에 있는 inline요소를 정렬하는 것으로 알고있는데, section.global에 text-align : center을 줬을 때 h2태그인 title 클래스 안에있는

  <h2>Global Concierge Services</h2> 이것이 왜 가운데 정렬되는지 모르겠습니다 ㅠㅠ

HTML/CSS 웹 디자인

Answer 4

0

manU

감사합니다!!

0

jyoung

네 ㅎㅎ 단순하게  text-align 요소는 텍스트 및 이미지 를 가운데 정렬이라고 생각하시면 됩니다  

블럭요소 전체가  가운데로 정렬이 불가능 한거지  그안의 텍스트나 이미지는 가운데 정렬이 되는게 맞습니다 ~

0

manU

강사님 그러면 text-align은 블록요소든 인라인요소든 사용하면 가운데 정렬이 되는건가요?ㅠㅠ 인터넷에서는 블록요소안에 인라인 요소만 된다고 나와있어서 헷갈리네요. 

0

jyoung

manU님 text-align 속성은 단순히 텍스트의 정렬 방향을 의미합니다.

h2는 블럭요소 이기 때문에 넓이를 지정하지않으면  부모요소의 100%만큼 차지 하기 때문에

section에 공통으로 텍스트 센터 정렬을 줬기때문에

그안에 텍스트들은  당연히 텍스트 정렬이 되는게 맞습니다 

인라인 요소만 정렬이 가능하단 뜻은  블럭요소가 margin:auto 를 주어서 가운데로 정렬되듯

블럭요소가 가운데로 정렬되는것이 불가능하단 뜻입니다 

이해되시는지요?

강의제목에 10/15일 삭제라고 나와있는데,

0

15

1

선생님 강의자료를 받을수 없어요! 메일보냈어요.

0

53

2

1강 동영상 재생 오류

1

65

2

헤더에서 empty column이 삭제가 안되고, 헤더 레이아웃을 동영상처럼 선택하는 옵션이 안나오는데 어떻게 하나요?

0

32

1

Composition단계에서 `Layer`는 누가 만드는지

0

37

1

Strict Mode 예시 질문!

0

58

2

해당 플러그인을 설치했는데 추가 지원 안될 수 있다고 다른 플러그인을 깔아보라는데 어떻게 해야하나여?

0

54

2

만일 실물을 택배로 배송해야 할 경우 주소지 입력하는 방법이 궁금해서요.

1

83

4

설명이 잘못된거같습니다.

1

69

2

31강 학습자료에 프롬프트가 엉뚱한것이 있어요

1

64

1

'VIEW' 라는 텍스트를 박스 가운데로 오게 만들 때

0

261

1

width100%궁금합니다~

0

242

1

리셋에 대한 질문

0

255

1

<span> 태그와 <div>, <p> 태그 관련 질문입니다!

0

793

2

float:left 질문입니다!

0

242

1

잘못 구입한거 같네요..

0

222

1

강의자료 다운로드 문의

0

279

1

section.global에서 애니메이션 질문

0

172

0

cover는 background 속성의 올바른 값이 아닙니다.

0

1673

2

float

0

193

1

animation widthAni 줄때 .txtImg에 overflow:hidden

1

334

1

after와 before의 차이

0

333

1

안녕하세요 강의 폴더

1

394

1

영상 1, 2 자연스럽게 연결돈게 맞나요?

0

318

1