배경안에 텍스트 위치관련..
날애
2023.04.01
배경안에 DB에서 불러오는 퍼센트별 텍스트가 올건데요..
한자리수,두자리수,3자리수일때마다위치가 틀려져서... 배경에 가운데 오게 하고 싶은데..
어떻게 방법이 없을까요?
붉은 라인은 li영역이구요..초짜에게 고수님들의 조언 부탁드립니다.
-
라임나무
오~빠른답변 감사합니다~~^^바로이해되네요~
-
콩쑨
1. 라운드 사각형 크기만큼 width지정
2. 왼쪽 화살표만큼 padding 지정
3. text-align:center, line-height 지정
4. 백그라운드에 이미지 지정
그럼 왼쪽패딩값+라운드사각형 width 를하면 이미지의 크기가 나타나겠지요.
그리고 라운드박스를 기준으로 가운데 정렬이 되겠습니다.