안녕하세요 동기 여러분! 오늘은 텍스트 정렬에 대해 알아봅시다! Text Align p { text-align: center; } 방법은 위와 같이 작성해주시면 됩니다. 정렬 정렬 방식 설명 left 왼쪽으로 정렬 right 오른쪽으로 정렬 center 가운데로 정렬 justify 줄을 늘려 각 줄의 폭을 맞춤 (신문 기사와 잡지에서 많이 씀) inherit 부모 요소의 정렬을 따름 예 집에 먹을 것이 거의 떨어져 장을 보러 갔다. 집 근처 마트에 갔는데 크리스마스 이브라 그런지 사람들이 엄청 많아서 계산대의 줄이 너무 길었다. 내가 사는 곳 근처의 마트는 셀프 계산대와 캐셔 계산대가 구분되어 있는데 이유는 모르겠으나 셀프 계산대의 줄에 사람이 대략 50명은 되어 보였다. '아 저 줄을 언제 기다려서 사..
건강하세요 동기 여러분! 오늘은 어제 알아본 그리드를 토대로 간단한 웹 페이지 헤더를 만들어 보도록 합시다. Header/Navigation 디아블로 2 레저렉션 패치 노트 클래스 아이템 토론장 태그를 이용해 메뉴를 만들어 주는데 크기는 md로 768px 이상으로 주고 (모바일 환경 이상 사이즈) column의 수는 8개를 주었습니다. 에 4개를 주었으니 딱 12개가 맞아떨어집니다. 태그를 이용해서 네 가지의 메뉴를 넣어 주었습니다. 실행 한번 해볼까요? 뭔가 제가 원하는 모습이 아닌데요... main2.css로 들어가서 CSS를 조정하여 깔끔하게 꾸며 봅시다. 첫 번째로 추가할 CSS 코드 body { font-family: "나눔바른고딕", "Times New Roman", serif; font-we..
- Total
- Today
- Yesterday
- 실수
- Margin
- Type
- method
- Python
- Typescript
- 파이썬
- HTML 기본
- em
- padding
- 함수
- CSS 포지션
- 타입 좁히기
- 타입스크립트
- html
- CSS
- 프로그래머스
- function
- if문
- css position
- 자바스크립트
- 반복문
- html table
- Object
- for문
- javascript
- 메서드
- 객체
- Array
- 동기코딩
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |