위처럼 bullet point안에 백틱으로 인라인 코드를 넣으니, 적용되지 않았다. ㅠㅠㅠㅠ
그 이유는 위 css 코드에서 찾아볼 수 있었는데,
`p code`는 paragraph안에 있는 인라인 코드에만 적용되고 있었고,
bullet point안의 code에는 그냥 `code`가 적용되고 있었다.
따라서, 위처럼 p code내용을 code에 그대로 넣어주면 해결된다.
그러나, 위 코드를 적용 시
그러나, 위 css를 적용 시, 기존의 p code또한 글씨 크기가 작아졌따..!!
이는 F12로 관찰 결과, 글꼴을 적용하기 위해 p code도 code도 아닌 다른 무언가의 글씨 크기가 폰트를 위해 같이 적용된 걸로 보인다.
따라서 위처럼 code에 폰트를 넣어주면 ~~~
이렇게 아주 예쁘게 잘 해결대따~~~~~~~~~
'Others > 티스토리 스킨 뚜따 프로젝트' 카테고리의 다른 글
#5 노션처럼 티스토리에 인라인 수식을 넣어보자!!! (0) | 2025.04.02 |
---|---|
#3 인라인 코드 백틱(`) 적용 [티스토리 스킨 뚜따 프로젝트] (0) | 2024.09.12 |
#2 본문 너비 넓히기 [티스토리 스킨 뚜따 프로젝트] (0) | 2024.08.27 |
#1 왼쪽 사이드바 고정 [티스토리 스킨 뚜따 프로젝트] (0) | 2024.08.27 |
#0 블로그 뚜따 계획 [티스토리 스킨 뚜따 프로젝트] (0) | 2024.08.27 |