버튼 안 도형 크기를 변경해도 정중앙에 오게 하려면? 채택완료

도형크기가 30px일 때는 정중앙에 배치돼요. 

https://codepen.io/sinbi/pen/JoPaPOE

 

그런데, 도형크기를 40px로 수정하면 정중앙으로 안 와요.

https://codepen.io/sinbi/pen/mybGbqx

 

도형크기에 변화를 줘도 정중앙에 오게 하려면 어떻게 해야 하는지 ?

ChatGPT랑 씨름해봤는데, 답이 안 나오네요. ㅜㅜ

 

답변 3개

채택된 답변
+20 포인트

글자자체에 상단여백이 있네요. 그냥 이미지로 만들어 쓰세요.

 

<div style="background-color:#ff0000;font-size:40px;padding:0px">▣</div>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

아하, 그런 거였군요. 어쩐지 위쪽 여백이 더 크더라니...

댓글을 작성하려면 로그인이 필요합니다.

크롬 최신 버전에서 아래처럼 보이네요.

1888906747_1737345070.7837.png

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

막눈이라 그런지... 링크 들어가보니 둘 다 중앙으로 잘 오는 것 같은데요....
2948857999_1737342092.469.png 40px 일때,
2948857999_1737342107.9162.png 30px 일때,

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

제 답변글 이미지처럼, 위쪽에 여백이 좀 더 커요.
오... 신기한데요?! 저도 크롬 시크릿모드였는데도 같은 브라우저에서도 차이가 있나보네요;;

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고