# text align

8개의 포스트
post-thumbnail

가로 가운데 정렬은 text-align: center, 그럼 세로 가운데 정렬은?

검은색 상자 안에 Hello World 내용을 가지는 <div>를 작성한다.해당 요소를 가운데(가로) 정렬하기 위해서 text-align: center;를 부여한다.현재 검은 박스의 height 값은 250px이다. Hello World에 line-height값을

2022년 5월 24일
·
0개의 댓글
post-thumbnail

2022. 04. 26 CSS

블럭레벨의 태그를 사용할 때 수평 가운데로 넣고 싶다면 margin:auto를 사용하면 된다.text 말고 다른 정렬을 할 때도 많이 쓴다.center를 이용하면 가운데 정렬이 가능하지만 블록레벨의 태그에 적용하면 되지 않는다이럴 때는 margin: auto를 이용해야

2022년 4월 25일
·
0개의 댓글
post-thumbnail

CSS box model 활용

CSS box model 활용 imageCSS box model 활용 image‏‏‎ ‎CSS box model 활용 image‏‏‎ ‎CSS box model 활용 imageCSS box model 활용 image‏‏‎ ‎CSS box model 활용 im

2022년 4월 25일
·
0개의 댓글

inline VS inline-block 비교

text-align 특성에 관하여 text-align란? Element 내의 inline element를 parent element의 가운데로 정렬한다 input, button element 나는 inline 요소의 경우 모두 text-align의 영향을 받는다

2021년 12월 8일
·
0개의 댓글
post-thumbnail

[CSS] CSS 애매한 것 다시 개념 잡기

[CSS] CSS 애매한 것 다시 개념 잡기

2021년 10월 1일
·
0개의 댓글
post-thumbnail

TIL #42 : [CSS] text-align

text-align은 block 요소 안에 있는 inline 요소를 정렬한다.

2021년 1월 17일
·
0개의 댓글

Center를 장악해보자

Element의 Center를 찾기 화면 레이아웃을 만들고 스타일 잡다보면 vertical, horizontal center 만드는게 여간 까다로운게 아닙니다. 한번 정리를 해봅니다. horizontal center는 간단한 부분이 많지만 vertical center가 까다롭고 parent element의 영향이 많습니다. Horizontal Cent...

2019년 11월 7일
·
0개의 댓글