티스토리 코드블럭 텍스트 가운데 정렬방법

티스토리를 운영하시는분들이라면 코드블럭 기능이있다는건 다들 알고계실거에요

 

 

코드블럭을 이용하면 코딩할때 사용하는 코드를 직관적으로 보여주거나 텍스트를 명확하게 보여줘서 저도 자주사용하고있어요

 

근데 일반적으로 코드블럭을 사용할경우에는

print("hello)

 

이런식으로 텍스트가 무조건 좌측정렬이됩니다

저는 블로그에 글을 작성할때 가운데 정렬로 사용하다보니깐 코드블럭을 사용할때 텍스트만 좌측정렬이 되어있으면 뭔가좀 보기가 안좋더라고요

 

그래서 코드블럭을 사용할때 코드블럭안에있는 내용이 가운데정렬되게 하는방법이 없을까 찾아보던중

html태그를 사용하면 되더라고요 예를들어서 코드블럭을 생성후에

 

 

티스토리 글작성할때 우측상단에보면 기본모드라고 되어있는게있는데 이를 HTML모드로 변경해준다음에

 

 

이렇게 코드블럭의 <code>안에 HTML의 style 태그를 정렬하여 가운데 정렬을해주면돼요

이다음에 포스팅완료를 해주면돼요

미리보기를 해서 제대로 적용이됬나 확인할수도있어요

이런식으로 style 태그를 적용한 코드블록은 정상적으로 텍스트가 가운데정렬된걸 확인할수있어요

 

!!! 주의사항 !!!

 

HTML모드에서 수정후에 다시 기본모드로 되돌린다음 게시물 완료를 누를경우 style태그 적용이 해제되버려요

그렇기때문에 반드시 글을 전부 작성한뒤에 HTML모드에서 Style태그를 적용한뒤 HTML모드에서 완료를 눌러서 게시해야해요

 

수정전

코드블록

수정후

코드블록