테스트 사이트 - 개발 중인 베타 버전입니다
SIR

CSS 레이아웃 - 가운데 맞춤 텍스트

컴프
프로필 보기이 회원 글보기
 · 8년 전 · 2560

CSS 레이아웃 - 가운데 맞춤 텍스트

 

가운데 맞춤 텍스트

요소 내부에 텍스트를 가운데에 배치하려면 text-align: center;

 

이 텍스트는 중앙에 배치됩니다.

 

예

.center {

    text-align: center;

    border: 3px solid green;

}

 

<!DOCTYPE html>

<html>

<head>

<style>

.center {

    text-align: center;

    border: 3px solid green;

}

</style>

</head>

<body>

 

<h2>Center Text</h2>

 

<div class="center">

  <p>This text is centered.</p>

</div>

 

</body>

</html>




목록
이전글 다음글

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
3168
CSS CSS3 border-image Property
3167
CSS CSS3 border-radius - 각 모서리 지정
3166
CSS CSS3 border-radius 속성
3165
HTML HTML5 로컬 저장소
3164
HTML HTML5 드래그 앤 드롭
3163
HTML HTML5 Geolocation 사용자 위치 찾기
3162
HTML YouTube 동영상 ID
3161
HTML HTML 도우미 (플러그인)
3160
HTML HTML5 Audio on the Web(웹상의 오디오)
3159
HTML HTML5 비디오
3158
HTML HTML 멀티미디어 오디오 형식
3157
HTML HTML 멀티미디어
3156
기타 Google 아이콘
3155
기타 부트 스트랩 아이콘
3154
기타 아이콘을 추가하는 방법
3153
반응형 부트 스트랩 <blockquote>
3152
반응형 부트 스트랩 <abbr>
3151
반응형 부트 스트랩 <mark>
3150
반응형 부스트랩 html small tag
3149
반응형 부트 스트랩의 기본 설정
3148
반응형 부트 스트랩 그리드 시스템
3147
CSS 왼쪽에 툴팁 나오게 하는 소스
3146
CSS 오른쪽에 툴팁 나오게 하는 소스
3145
CSS css를 이용한 툴팁만들기
3144
CSS CSS3 Word Breaking
3143
CSS CSS3 Word Wrapping
3142
CSS CSS3 텍스트 오버플로(CSS3 Text Overflow)
3136
CSS css 이미지 갤러리
3135
CSS CSS 드롭 다운 2
3134
CSS css 기본 툴팁
이전 다음
전체 목록