마크다운과 html에서 텍스트 정렬

마크다운에는 정렬 문법이 없다. 이럴 경우에는
html을 이용하여 원하는 텍스트 끝에 {: style="text-align: pattern;"}를 붙여주면 된다

기본값

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

왼쪽 정렬

{: style="text-align: left;"}

• 적용

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

가운데 정렬

{: style="text-align: center;"}

• 적용

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

오른쪽 정렬

{: style="text-align: right;"}

• 적용

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

양쪽 정렬

{: style="text-align: justify;"}

• 적용

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

Markdown

👉 minimal mistakes에 {{ }}나 {% %}가 안먹힐때 2023.03.01

👉 마크다운과 html에서 텍스트 정렬 2022.05.24

👉 마크다운 파일에 목차 링크 toc 넣기 2021.08.01

👉 github page, Jekyll에서의 마크다운 파일에 image(사진) 넣기 2021.08.01

👉 마크다운과 html 에서 이미지 정렬 2021.05.07

👉 Markdown에서의 코드 박스 꾸미기 2021.05.05

👉 Markup(html)을 사용한 특수문자  ---  제목 2021.05.05

👉 고급 Markdown 2021.05.04

Markup

👉 마크다운과 html에서 텍스트 정렬 2022.05.24

👉 마크다운과 html 에서 이미지 정렬 2021.05.07

👉 Markup(html)을 사용한 특수문자  ---  제목 2021.05.05

HTML

👉 마크다운과 html에서 텍스트 정렬 2022.05.24

👉 마크다운과 html 에서 이미지 정렬 2021.05.07

👉 Markup(html)을 사용한 특수문자  ---  제목 2021.05.05

👉 HTML5 Data 속성 2021.04.03

👉 HTML의 다양한 태그 2021.04.02

👉 Visual studio code의 유용한 툴 2021.04.01

👉 HTML 기초 2021.04.01