본문 바로가기

Others/티스토리 스킨 뚜따 프로젝트

#4 bullet point(글머리 기호, 리스트)지만 인라인 코드를 넣고 싶어!

위처럼 bullet point안에 백틱으로 인라인 코드를 넣으니, 적용되지 않았다. ㅠㅠㅠㅠ

그 이유는 위 css 코드에서 찾아볼 수 있었는데,

`p code`는 paragraph안에 있는 인라인 코드에만 적용되고 있었고,

bullet point안의 code에는 그냥 `code`가 적용되고 있었다.

따라서, 위처럼 p code내용을 code에 그대로 넣어주면 해결된다.

 

 

그러나, 위 코드를 적용 시 

그러나, 위 css를 적용 시, 기존의 p code또한 글씨 크기가 작아졌따..!!

이는 F12로 관찰 결과, 글꼴을 적용하기 위해 p code도 code도 아닌 다른 무언가의 글씨 크기가 폰트를 위해 같이 적용된 걸로 보인다.

따라서 위처럼 code에 폰트를 넣어주면 ~~~

이렇게 아주 예쁘게 잘 해결대따~~~~~~~~~