제이코딩
- 코딩 교육
인포앤북(주)
- IT 도서
로그인
회원가입
제이코딩(코딩스쿨)
파이썬 퀴즈
01. 기초 문법
02. 조건문
03. 반복문
04. 문자열
05. 리스트
06. 딕셔너리
07. 함수
08. 모듈
09. 파일
① 파이썬이란?
② 프로그램 설치
③ IDLE 쉘과 에디터
웹 강좌
HTML
01. HTML 개요
02. 텍스트와 이미지
03. 멀티미디어
04. 링크와 목록
05. 폼 양식
06. 테이블
CSS
01. CSS 기본 문법
02. 박스 모델
03. CSS 선택자
04. CSS 활용
05. 레이아웃
반응형 웹
01. 반응형 웹 기초
02. 플렉스박스
03. 반응형 웹 페이지 제작
부트스트랩
01. 부트스트랩 기초
02. 텍스트와 이미지
03. 박스
04. 요소
05. 폼
06. 컴포넌트 I
07. 컴포넌트 II
교육 과정
강의 안내
수강료 안내
성인
파이썬 마스터 과정
C 언어 마스터 과정
HTML/CSS 마스터 과정
PHP 마스터 과정
자바스크립트 마스터 과정
파이썬 데이터 분석 과정
파이썬 코딩 강사 양성 과정
주니어
파이썬 코딩 초등반
파이썬 코딩 중등반
파이썬 코딩 고등반
HTML/CSS 홈페이지 만들기
유튜브
[파이썬 기초 강좌] 퀴즈로 배우는 파이썬
[HTML 강좌] 예제로 배우는 HTML
전자책
퀴즈로 배우는 파이썬
자료실/게시판
자료실
공지사항
자유 게시판
묻고 답하기
코딩교육 정보
퀴즈로 배우는 파이썬
퀴즈로 배우는 파이썬 - 복습 퀴즈
스타트 파이썬
똑똑한 파이썬
C 언어
Q&A/과제 제출
03. 박스
3-1. 경계선
3-2. 너비와 높이
3-3. 박스의 중앙 정렬
3-4. 박스의 플로팅
3-5. 마진과 패딩
3-6. 박스 그림자
3-7. 비디오 종횡비
3-3. 박스의 중앙 정렬
■ 박스의 중앙 정렬
클래스 .mx-auto는 박스를 중앙 정렬하는 데 사용합니다.
박스의 중앙 정렬
ex3-7.html
<
div class=
"
container mt-3
"
>
<
h3
>
박스의 중앙 정렬
<
/h3
>
<
div class=
"
mx-auto bg-warning w-25 text-center p-5
"
>
안녕하세요
<
/div
>
<
/div
>
ex3-7.html의 실행 결과
새 창에서 보기
회사 소개
교육 상담
갤러리
오시는 길