티스토리 블로그를 운영하다 보면 글쓰기 중에 숫자나 점(예: 1. 또는 •)을 입력했을 때, 의도하지 않게 정렬이 왼쪽으로 바뀌거나 목록 형식으로 전환되는 문제를 경험할 수 있습니다.
특히 중앙 정렬로 배치하고자 할 때 이런 현상이 발생하면 디자인 구성이 무너지기 때문에 당황스럽게 느껴질 수 있습니다.
이 글에서는 티스토리 글쓰기에서 숫자나 점과 같은 기호를 중앙 정렬로 정확하게 표현하는 방법과 자동 정렬 변경 현상에 대한 대응 요령을 단계별로 정리해 드립니다.
1. 숫자 + 점 입력 시 자동 목록 전환 현상
티스토리 기본 에디터는 1. 또는 2. 와 같은 숫자와 점을 입력하면
이를 자동으로 목록 요소로 인식합니다.
이때 에디터는 사용자의 입력을 순번 목록으로 간주하여, 자동으로 왼쪽 정렬 및 들여 쓰기 처리를 하게 됩니다.
이런 기능은 문단 정리에는 유용하지만, 중앙 정렬을 하거나 숫자 자체를 강조하는 구성에서는 오히려 불편을 초래합니다.
해결 방법
1. *★ ♥ 숫자 뒤에 점 대신 다른 기호를 사용하거나,
2. 숫자와 점 사이에 공백을 추가하여 목록 인식을 막을 수 있습니다.
예시: 1. 또는 1 -
2. 중앙 정렬이 풀리는 현상의 원인
중앙 정렬을 적용한 상태에서 숫자나 점을 입력해도, 에디터가 이를 목록으로 인식하면
자동으로 왼쪽 정렬로 되돌아가게 됩니다.
이는 에디터 내부의 기본 설정에 따른 자동 서식 기능 때문입니다.
특히, 숫자나 단일 기호만 입력하는 경우에는 텍스트 블록이 작기 때문에,
정렬 옵션이 적용되지 않은 것처럼 보이는 시각적 오류도 자주 발생합니다.
행동 요령
- 먼저 정렬을 중앙으로 설정한 후에 숫자나 기호를 입력하세요.
- 이미 입력한 텍스트에 정렬을 적용할 경우, 해당 줄을 다시 선택 후 정렬 버튼을 눌러야 정확하게 적용됩니다.
- 간혹 에디터가 자동 목록 기능을 강제로 적용하려는 경우에는, 해당 줄을 백스페이스로 지운 후 새로 입력하는 것이 더 깔끔하게 작동합니다.
- 챗GPT한테 부탁하면 소스 다 만들어준답니다. ★ . ★
3. HTML 모드를 활용한 정렬 고정 방법
보다 확실하게 정렬 문제를 해결하고 싶다면, HTML 모드에서 직접 정렬 태그를 사용하는 방법이 있습니다.
적용 예시:
이 방식은 어떤 자동 서식 기능에도 영향을 받지 않고, 입력한 숫자나 기호가 정확히 중앙에 배치되도록 합니다.
또한 티스토리에서 제공하는 시각 편집기에서도 유지력이 높습니다.
사용 방법:
1. 글쓰기 화면 우측 상단의 [</>] HTML 편집을 클릭합니다.
2. 위와 같이 <div style="text-align:center;"> 내용 </div> 형식으로 입력합니다.
3. 다시 일반 에디터로 돌아오면 중앙 정렬이 유지된 상태로 표시됩니다.
4. 정렬 깨짐을 예방하는 팁
◎목록 기능을 피하고 싶다면 숫자 + 점 조합을 되도록 사용하지 마세요.
◎ 단독 숫자만 입력하고 싶다면, 엔터를 눌러 빈 줄을 만들고 그 위에 정렬 적용 후 입력하면 안전합니다.
◎ 복사 붙여 넣기 시에는 반드시 서식을 제거하고 붙여 넣는 것이 좋습니다.
◎ 불필요한 HTML 태그나 스타일이 적용될 수 있기 때문입니다.
마무리
티스토리에서 글을 작성할 때 에디터의 자동 기능은 편리하지만, 때로는 사용자의 의도와 다르게 작동할 수 있습니다.
특히 숫자나 점을 활용한 디자인 요소나 구분 기호를 중앙에 정렬하려는 경우, 위와 같은 현상들이 자주 발생하게 됩니다.
이 글에서 소개한 방법들을 활용하면 정렬이 바뀌는 문제를 효과적으로 방지할 수 있으며, 보다
정돈된 레이아웃으로 글의 가독성과 디자인 완성도를 높일 수 있습니다.
블로그의 글 구성은 애드센스 승인에도 영향을 줄 수 있으므로,
사소해 보이는 정렬 문제라도 꼼꼼하게 처리해 두는 것이 좋습니다.