2017-11-05 3 views
0

이것은 쉬운 방법 일 수 있습니다. 다른 검색 결과에서 보았던 것을 시도했지만 주사위는 사용하지 않았습니다.텍스트 아래에 불필요한 간격이 있습니다

다음은 강조 표시된 텍스트입니다 ('오늘'텍스트). 텍스트 하단에 약간의 공백을 볼 수 있습니다. 이 텍스트를 쉐브론과 잘 어울리게하고 싶습니다. 그래서 중심에두기를 바랍니다. 내가 시도 무엇

  • 제거 패딩/마진
  • 라인 - 높이 : 1
  • 텍스트 장식 : 없음
  • 텍스트 정렬 : 센터
  • 수직 정렬 : 중간

위의 CSS 속성을 모두 내에 시도했습니다.태그,하지만 여전히 아무것도.

어떻게하면이 텍스트를 갈매기 형 정렬과 수직 정렬 할 수 있습니까?

enter image description here

+2

HTML을 공유 할 수 있습니까? –

+4

CSS에 대한 도움을 받으려면 CSS와 HTML을 모두 제공해야합니다. 우리는 문제없이 문제를 재현 할 수 없습니다. 질문을 업데이트하여 [** 최소, 완전하고 검증 가능한 예제 **] (** http://stackoverflow.com/help/mcve)에 ** 관련 코드 **를 모두 표시하십시오. HTML이 서버 측에서 생성 된 경우 ** 출력 **을 게시하십시오. 자세한 내용은 [** 좋은 질문을하는 방법 **] (http://stackoverflow.com/help/how-to-ask)에 관한 도움말을 참조하십시오. –

+0

줄 높이 문제 일 가능성이 높습니다. – Mackelito

답변

1

이 작동 할 수있다.

.jump-to-today { 
    display: flex; /* or display: inline-flex */ 
    align-items: center 
} 
관련 문제