Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- DB
- javascript
- MacOS
- function
- DoM
- while
- XML
- html
- python
- Linux
- for
- data structure
- MIPS
- Java
- Class
- github
- php
- web
- computer
- system
- architecture
- react
- CSS
- mysql
- DS
- DATAPATH
- instruction
- Algorithm
- control
- Pipelining
Archives
- Today
- Total
YYYEJI
[XML] CSS에서 float 속성과 text-align 속성 본문
728x90
CSS에서 float란 ? ? ?
Block(box)의 좌우측을 지정해주는 속성입니다.
left - 요소가 자신의 포함(containing) 블록의 좌측에 부동(float, 떠움직여)해야 함을 나타내는 키워드입니다.
right - 요소가 자신의 포함 블록의 우측에 부동해야 함을 나타내는 키워드입니다.
none - 요소가 부동하지 않아야 함을 나타내는 키워드입니다.
✓ block 왼쪽 배치
float: left;
이 속성은 dafualt 값이기 때문에 작성하기 않아도 박스가 왼쪽에 배치됩니다.
✓ block 가운데 배치
margin:0 auto;
✓ block 오른쪽 배치
float: right;
CSS에서 text-aglign 이란 ? ? ?
텍스트의 위치를 조정합니다.
✓ text 왼쪽 배치
text-align: left;
✓ text 가운데 배치
text-align: center;
✓ text 오른쪽 배치
text-align: right;
◡̈
'HTML(or XML) & CSS & JavaScript' 카테고리의 다른 글
[XML] CSS에서 transform 속성 (0) | 2022.09.15 |
---|---|
[XML] CSS에서 border 속성 (top, right, bottom, left) (0) | 2022.09.15 |
[XML] CSS에서 Margin(마진) 속성 (0) | 2022.09.15 |
[XML] CSS에서의 색상 (0) | 2022.09.14 |
[XML] XML와 주석처리 (0) | 2022.09.14 |