코딩스쿨(제이코딩)
- 코딩 교육
인포앤북(주)
- S/W 개발 및 도서 출판
로그인
회원가입
코딩스쿨(인포앤북)
파이썬 퀴즈
01. 기초 문법
02. 조건문
03. 반복문
04. 문자열
05. 리스트
06. 딕셔너리
07. 함수
08. 모듈
09. 파일
① 파이썬이란?
② 프로그램 설치
③ IDLE 쉘과 에디터
HTML/CSS
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
도서 자료 다운로드
자료실 - 책 예제 소스 다운로드
커뮤니티
수업 게시판
공지사항
코딩교육 정보
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의 실행 결과
새 창에서 보기
회사 소개
교육 상담
갤러리
오시는 길