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

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

컴프
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 8년 전 · 2566

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>




목록
이전글 다음글

댓글 작성

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

로그인하기

게시글 목록

번호 제목
3056
CSS Word Spacing 단어 간격
3055
CSS Text Direction 텍스트 방향
3054
CSS Line Height 라인 높이
3051
CSS Letter Spacing 글자 간격 1
3050
CSS Text Indentation 텍스트 들여 쓰기
3049
CSS 텍스트 변환 Text Transformation
3046
CSS 텍스트 방향 Text Direction
3045
CSS 라인 높이 Line Height
3044
HTML 글자 간격 Letter Spacing
3043
CSS text-indent
3042
CSS text-transform
3041
CSS text-decoration
3040
CSS Text Alignment
3039
CSS Text Color
3038
CSS Outline - Shorthand property
3034
CSS Outline Width
3033
CSS Outline Color
3032
CSS CSS Outline
3027
CSS CSS Box Model
3026
CSS Setting max-width
3025
CSS CSS Height and Width
3024
CSS CSS Padding
3023
CSS CSS Margins
3022
CSS CSS Border Properties
3021
CSS CSS Syntax and Selectors
3020
HTML The HTML <audio> Element
3019
HTML HTML <video> 요소 1
3018
HTML html google map
3017
HTML SVG와 캔버스의 차이점
3016
HTML SVG Logo
이전 다음
전체 목록